CSS:层叠样式表,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS特点:实现网页内容与样式的分离
CSS选择器(优先级):ID选择器>类选择器>HTML标签选择器
- id选择器(优先级最高 0100)如:#id{...}
- 类选择器(优先级次之 0010)如:.class{...}
- 标签选择器 (优先级最低 0001,涉及最广)如: div{...}
选择器是什么:
所谓CSS选择器(selector)就是,对HTML页面中的元素实现一对一,一对多或者多对一的控制,从而实现布局调整,元素类型重定义,元素美化,文本、图像美化,完善交互,播放动画等一系列的功能
怎么用:
ID选择器:只能有一个样式
<span id="special">栏目四</span>
类选择器:可以通过空格,增加样式,如果有样式起冲突,会根据CSS排列顺序进行替换,例如:第一个样式是红色,第二个样式是蓝色,如果再CSS中蓝色样式在红色之后,那么就会被替换成蓝色显示在界面中(下面是两个样式niu和menu)
<span class="niu menu">栏目五</span>
标签选择器:直接在CSS中定义,写出名称即可
/*标签选择器*/
body {
color:#ff0000;
}
<body>
<span>栏目四</span>
</body>
也可以并列书写,说明颜色是一样的,用逗号隔开
/*并列书写*/
.menu,.title{
background-color:#808080;
}