css
1.层叠样式表(Cascading Style Sheets):css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。而css就可以分别为网页的各个层次设置样式。
构成:有选择器和声明块构成
语法:选择器 {样式名:样式值;样式名:样式值 ; }
– p {color:red ; font-size:12px;}
行内样式:可以直接写到style属性内。<p style="color: red;font-size: 30px"></p>
内部样式:直接写到<style>中
<style>
p{color:red; font-size: 30px;}
<style>
外部样式:通过<link>引入文件
<link rel="stylesheet" type="text/css"href="style.css">
2.选择器:元素选择器
作用:通过元素选择器可以选择页面中的所有指定元素
语法:标签名{} eg:p{color: red;}
id选择器
作用:通过元素的id属性值选中唯一的一个元素
语法:#id属性值{} eg:#p1{font-size: 20px;}
类选择器
作用:通过元素的class属性值选中一组元素
语法:.class属性值{} eg:.p2{color: red;}
选择器分组(并集选择器)
作用:通过选择器分组可以同时选中多个选择器对应的元素
语法:选择器1,选择器2,选择器N{} eg:#p1,.p2,h1{background-color: yellow;}
通配选择器
作用:可以用来选中页面中的所有的元素
语法:*{} eg:*{color: red;}
复合选择器(交集选择器)
作用:可以选中同时满足多个选择器的元素
语法:选择器1选择器2选择器N{} eg:span.p3{background-color: yellow;}