css选择器
1、标签名选择器:如:p{},即直接使用HTML标签作为选择器,在实际的应用中,我们习惯用它设置标签的一些默认属性或者和后代选择器一起使用;
2、类选择器:如 .clear();前端开发者最常用。
特点:(1)可以给不同标签设置同一个类,从而用一条CSS命令控制几个标签,减少代码量,使页面修改简单,易维护、易改版。(2)后台工作人员几乎不会用到有关class的相关设置,不需要跟后台人员之间进行交互;(3)可以通过js等动态改变标签的classname,从而改变整个标签的样式,使前端动态效果实现起来更为容易。
命名规范:第一个字符不能使用数字,在Mozilla或firefox中不起作用。
3、ID选择器: 如:#header();在同一个HTML文档中不能出现两个相同的ID名称,也就是说ID具有唯一性。
4、后代选择器:如 .clear span img{},后代选择器实际上是使用多个选择器加上中间的空格来找到具体的要控制的标签。
5、群组选择器:. clear , span , img{},实际上是对CSS的一种简化写法,是把具有相同CSS样式的不同选择器放在一起,减少代码量。
CSS选择器中的属性顺序:
显示属性:display, list-style, position, float, clear
自身属性:width, height, margin, padding,border,background
文本属性:color, font, text-decoration, text-align,vertical-align, white-space, content
符合浏览器的渲染顺序,最终达到提高执行效率目的