伪类选择器
链接伪类选择器
:link 未访问的链接
:visited 已访问的链接
:hover 鼠标移动到链接上
:active 选定的链接(点击的时候)
顺序尽量不颠倒
结构伪类选择器
:first-child
:last-child
:nth-child(n) 父元素第n个子元素,even偶数odd奇数
:nth-last-child(n) 第n个子元素,但从最后一个元素开始计数
目标伪类选择器
:target 选取当前活动目标元素
CSS外观属性
line-height行间距
比字号大7或8px
text-align水平对齐方式
设定行高(line-height)等于盒子高度可使文字垂直居中
text-indent首行缩进
em为单位,1em为一个汉字宽度
letter-spacing字间距
word-spacing单词间距
颜色半透明
color:rgba(r,g,b,a)
a取值0~1
文字阴影
text-shadow:水平位置 垂直位置 阴影距离 阴影颜色
<style>
h1 {
font-size:100px;
text-shadow:5px 11px 3px rgba(0,0,0,0.5);
}
</style>