css入门知识点整理

css入门知识点整理

不要嘲笑我这个蒟蒻。。例子来源：w3school

css其实就分为两个东西，一个是选择器，另外一个是声明。声明定义了某个对象的属性的值，这都是html的内容。重点要关注的是选择器。顾名思义，选择器就是用来“选择”HTML中的元素的。通过定义选择器可以选出HTML文档中的某些元素，然后把它们的样式变成声明中的。css的格式长这样：

selector {declaration1; declaration2; ... declarationN }

这里有一个最基本的css例子：

h1 {color:red; font-size:14px;}

意思就是说，把所有是h1的元素，颜色都变成红色，字体大小设置成14像素。

选择器有很多用法：

• 后代选择器 x y{ ... } 。它的作用是，只有在x元素中的y元素才会被选择。前面讲的相当于中x设成所有元素。

• 子元素选择器 x>y{ ... }。它的作用和后代选择器差不多，但是只能选择下一层的后代。

• 兄弟选择器 x+y{ ... }。它的作用是，只有和x是兄弟的元素y才会被选择。

  前三个选择器统称派生选择器。它们还能和后面的选择器组合起来。

• id选择器 #idName{ ... }。它能选择所有id=idName的元素。注意，id不建议共用。

• class选择器 .className{ ... }。它能选择所有class=className的元素。

• title选择器 [title=X]{ ... }。它能选择所有title=X的元素。等号替换成~=/|=，意思是可以匹配X中的任何一个子串（用空格分隔/用-分割）。

就是这样~