CSS标签学习

一、选择器

基本选择器——id>class>标签

#id名{}  .类名{}   标签名{}

层次选择器：后代选择器-子选择器-相邻兄弟选择器-通用选择器

body p{}   body>p{}  active+p{}     active~p{}

伪类选择器：

选中列表第一个元素 ： ul li：first-child{}

选中列表最后一个元素：ul li：last-child{}

选中当前p元素的父级元素，选中父级元素的第一个，并且是当前元素才生效----顺序

P:nth-child(2){}

选中父元素，下的p元素的第二个----类型

p:nth-of-type(1){}

鼠标悬停：a：hover{}

属性选择器：

绝对等于= 包含*= 以……开头^=   以……结尾$=

漂浮左移：float：left； 块级元素：display：block  圆角边框：border-radius：**px

文本居中对齐：text-align  外边距向右移5px：margin-right:5px

字体：font：bold（粗体）20px（字体大小）/50px（行高居中） Arial

• 二、网页

字体样式：font

字体：font-family 大小：font-size  粗细：font-weight   颜色：color

文本样式：

上划线：text-decoration：overline 中划线：text-decoration：line-through

下划线：text-decoration：underl 去除下划线：text-decoration：none

超链接样式：

鼠标悬停状态：a：hover{}

鼠标按住状态：a：active{}

列表样式：

去掉圆点：list-style：none

空心圆：circle

数字：decimal

正方形：square

背景：

X轴铺满：Background-repeat：repeat-x

Y轴铺满：Background-repeat：repeat-y

一张：Background-repeat：no-repeat