CSS和CSS选择器总结
CSS:层叠样式表,是用来设置html标签的一些属性如:宽高 边框 内外边距 背景等等,从而根据属性设定,显示特定的效果
对于标签而言不使用css来控制自己的属性,也是行的。但是使用css来控制html标签的属性的好处在于,将属性与html标签本身拆分开,代码结构更加的清晰,修改维护更加的方便。其次将内容与表现分离开来,使得html标签像xml标签一样变得纯粹。
既然css是用来设置标签的属性,那么css首先就得有一套查找标签定位标签的方法,在css中这种方法就是选择器。
下面就介绍6中最为常用的CSS选择器
1.通配符选择器
*{ } 选择所有的标签
2.元素选择器:选择指定的标签名的所有同类标签
h1{color:red} 选择所有的h1标签
3.类选择器:选择指定类名的所有标签
.footer{color:red} 选择标签中,class=footer的所有标签
4.id选择器:选择指定id的唯一标签
#footer{color:red} 选择id=footer的唯一标签
5.群组选择器:选择多个类型的标签,不同类型标签选择器用逗号隔开。
p,.footer{color:red} 选择所有的p标签和class=footer的标签
6.派生选择器:也成为父子选择器,标签的嵌套位置选择子标签。
div h1{color:red} 选择div标签内的h1标签