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的前后必须要被空格隔开
*{}这个全选的选择器叫做通配符选择器