1、字体样式:
选择器 { font:font-style font-weight font-size / line-height font-family;}
例:p { font: italic bold 14px / 1 ' 宋体 ' ;}
注意:使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开
不需要的属性可以省略,但必须保留 font-size 和 font-family 属性,否则 font 属性不起作用。
2、结构(位置)伪类选择器(CSS3)
:first-child,选取第一个子元素
:last-child,选取最后一个元素
:nth-child(n),选取第 n 个元素,可以是 even 偶数, odd 奇数 , 如果用公式 n 从 0 开始 ,倍数:2n,3n
:nth-last-child(n),倒数,选取第 n 个元素
3、目标伪类选择器(:target)
:target 目标伪类选择器,可用于选取当前活动的目标元素,更改样式。
例如:
<style>
:target{ color:red;font-size:18px;}
</style>
<a href=" #movie ">演艺经历</a>
<a href=" #live ">个人生活</a>
<h3 id="movie">演艺经历</h3>
<h3 id="live">个人生活</h3>
4、文字设置
line-height:行高,一般设置为比字体大7~8个像素
text-indent:首行缩进,建议使用 em 作为设置单位,1 em 就是一个字的宽度
letter-spacing:字间距,设置汉字之间的间距
word-spacing:单词间距,设置英文单词之间的间距
字体颜色半透明(CSS3)
color:rgba(r,g,b,a) a 是 alpha 透明的意思 取值范围 0~1 之间。 例如:h1 { color:rgba( 255,0,0,0.3);}
文字阴影(CSS3)
text-shadow:水平位置 垂直位置 模糊距离 阴影颜色 。 例如:h1{ text-shadow:5px 11px 3px raba(0,0,0,0.5);}
5、选择器
交集选择器:div.p(找到两个选择器共同的元素) 并集选择器:div,p,h1 (找选择器指定的元素)
后代选择器:div p(儿子,孙子,重孙都找到) 子元素选择器:.nav > li (只找亲儿子)
6、伪元素选择器(CSS3)
::first-leeter,选择第一个字
::first-line,选择第一行
::selection,选中文字时,改变样式
::before,::after,在盒子div的内部前面或后面插入内容
例如:
div::before{ content:' 新增的内容 ' ;}
<div>正常内容显示区域</div>
7、