1.CSS-属性和选择器

1.文字属性

fon-style:italic斜体；font-weight:bold加粗；font-size:10px；大小font-family:"微软雅黑"字体。字体设置需要注意：字体可以进行备选的，就是后面设置多种字体。如果设置英语和中文的字体不一样？该怎么做，英文字体不能去设置中文，而中文字体可以设置英文。根据这个特性和字体备选这个特性相结合，我们就可以在前面放英文字体，后面放中文字体，就能达到中英字体不同的效果。另外可以使用font:italic bold 10px "微软雅黑";这样的写法代替那种四行的写法。在这种缩写中，style和weight是可以省略的，而size和family是不可以省略的。并且style和weight的顺序可以颠倒，而size和family的顺序不能颠倒。

2.文本属性

text-decoration:underline下划线、line-through删除线、overline上划线、none无，a标签自带下划线，若想去掉，可通过此方式。

text-align：center、left、right。对齐

text-indent：2em;缩进两个字符。em是字符单位，1em代表一个字符的宽度

3.颜色属性

color:赋值方法有5种，分别是（1）英文单词，（2）rgb(),（3）rgba(),（4）十六进制如#FF0000，（5）十六进制缩写如#F00。

英文单词并不能显示所有的颜色。rgb中r、g、b的取值若一样，就是灰色。十六进制中前两个字符代表的是R的取值，中间两个字符代表的是G的取值，最后两个代表的是B的取值.在css中，只要颜色的每两位都是一样的，就可以写成缩写形式。这也就明白了之前写的#CCC和#CCCCCC是一样的道理，并且#CCC代表的是r、g、b取值一样，那么就一定是灰色的了。并且十六进制中大小写都一样。

4.选择器

标签选择器、ID选择器、class选择器、后代选择器、子元素选择器之前经常使用，已经掌握。

（1）交集选择器，作用是选择两个选择器的交集，用法为：选择器1选择器2，注意两个选择器之间不能有任何符号和空格，在企业开发中不建议使用这个方法。

（2）并集选择器，用法：选择器1，选择器2{}，这个之前用过

（3）兄弟选择器分为相邻兄弟选择器和通用兄弟选择器。相邻兄弟选择器用法：选择器1+选择器2{}，但是这个只能找到和选择器1近邻着的选择器2，中间不能隔任何标签。而通用选择器用法：选择器1~选择器2，能够找到选择器1的所有兄弟中符号选择器2的兄弟。

（4）CSS3中新增的最具有代表性的选择器就是序选择器。

:first-child：匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素。

:first-of-type：匹配的是某父元素下相同类型子元素中的第一个，比如 p:first-of-type，就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了，只要是该类型元素的第一个就行了。

p:nth-child(n)，同样，先把每一代给分出来，然后从每一代中进行查找，选择p中的第n个，这个是不区分类型的。同样也有p:nth-of-type(n)

p:nth-last-child(n)，同样，先分代，然后选择p中倒数第n个，不区分类型。同样也有nth-last-of-type(n)

p:only-child,是指从html的body标签开始进行遍历，假如遍历到一个div标签，里面只有一个p标签，那么p标签被选中,若还有其他标签，那么p就不被选中，即不区分类型。同样，only-of-type是指从body标签开始遍历，假如遍历到一个div，里面有一个p标签和很多h标签，那么p标签将被选中。

p:nth-child(odd){}选择同级别中所有序号为奇数的p标签，同样p:nth-child(even)是偶数。同样p:nth-of-type(odd){}选中的是同类型的奇数，同样even是偶数。

p:nth-child(xn+y){}选择同级别中的p标签，规则是，n取0-n，x和y客户自即定义。

p[id]{},属性选择器,首先找到所有的p标签，然后找到p标签中有id的标签。

p:[attribute=value],比如p:[class=cc],就是指在所有的p标签中，先找到有class的，再从中筛选出class=cc的。

CSS3中img[alt^=abc]代表img标签中alt的属性是以abc开头的标签。CSS2中img[alt|=value]代表img标签中alt的属性是以abc开头的标签，但是这个abc只能以-进行分割，比如，abcdef就不行，而abc-def却可以，在css3中，这些都可以。

img[alt$=abc]是指结尾，其他和上面那个一样

css3中img[alt*=abc]代表包含abc的都被选中，css2中img[alt~=abc]代表包含abc的，但这个abc的前后必须要被空格隔开

*{}这个全选的选择器叫做通配符选择器