CSS入门笔记01

伪类选择器

链接伪类选择器

: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>