CSS
css可以用来为网页创建样式表,通过样式表可以对网页进行修饰。
对于我们所看到的网页,它就是一个页面,但是事实并不是这样,其实整个网页是一层一层的结构,层次高的覆盖层次低的,最后形成我们所看到的这个样子。
CSS的格式
css的位置
1.内联样式 color:red color为样式名,red为样式值 内联样式一般不使用,开发当中基本上不会出现内联样式。
2.内部样式:只适用于当前网页在<head>标签中定义<style>标签进行样式修改。
3.外部样式:适用于多个网页共享样式 使用最多。
CSS常用选择器
元素选择器
作用:通过元素选择器可以选择页面中的所有指定元素。
语法:标签名 { }
id选择器
作用:通过元素的id属性值选中唯一的元素。
语法:#id属性值 { }
类选择器
作用:通过元素的class属性值选中一组元素。
语法:.class属性值 { }
并集选择器(选择器分组)
作用:通过并集选择器可以同时选中多个选择器对应的元素。
语法:选择器1,选择器2,……选择器N { }
交集选择器(复合选择器)
作用:通过交集选择器可以选中同时满足多个选择器的元素。
语法:选择器1选择器2……选择器N { }
注意:中间无“,”或者空格。
伪类选择器:伪类(是一种特殊类):表示元素的特殊状态,点击时效果,鼠标引入时效果
选择器:伪类名
frist-child:同类元素中的第一个元素
last-child:同类元素中的最后一个元素
nth-child():选择同类元素中指定元素
n 表示0到正无穷
2n 表示偶数行
2n+1表示奇数行
CSS的常用属性
font:复合属性。设置或检索对象中的文本特性。
font-style:设置或检索对象中的字体样式。用于定义字体的风格,如:斜体(italic)等等。
font-variant:设置或检索对象中的文本是否为小型的大写字母。
font-weight:设置或检索对象中的文本字体的粗细。
font-size:设置或检索对象中的字体尺寸,在开发中12px字体最常用。
字体有相对字体和绝对字体两种形式:
绝对字体:如px等等;
相对字体:如40%,表示默认字体的40%大小。
font-family:设置或检索用于对象中文本的字体名称序列;用于定义字体的样式,如黑体,宋体等等。
color:用于定义字体的颜色。
line-height:用来设置行于行之间的距离,属性值有三种单位,像素px、百分比%、相对值em(p{line-height: 15px;})