CSS总结

文本属性

背景样式 background
1、background-color 颜色值 颜色作为背景颜色
2、background-image 图片位置 图片作为背景图片
3、background-repeat repeat repeat-x repeat-y no-repeat 背景图片的重复方向
4、background-attachment scroll fixed 背景是否随着滚动条滚动
Fixed 文字滚动，背景图片不随着滚动
scroll 背景图片随着文字一起滚动
5、background-position 背景图像的起始位置

文本样式的属性：
Color 表示颜色的内容 设置文本颜色
Direction ltr rtl 文本的方向/书写的方向
Letter-spacing npx(注意：n可以是负数) 字符间距
Line-height npx 行高（行间距）
Text-align left,right ,center, justify（两端对齐）

文本修饰：
1、text-decoration none,underline,overline,line-through 文本的修饰：下划线
2、text-shadow h-shadow v-shadow blur color 文本设置阴影
3、text-transform none,capitalize,uppercase,lowercase 改变字母大小写
4、text-indent npx,nem（em表示字符单位） 首行缩进

字体样式：
font系列
1、font-family ；隶书、宋体、楷体等字体 设置字体
2、font-style normal italic oblique 规定斜体的文本
3、Font-weight normal bold 100-900 文本加粗
4、font-size npx 字体大小

列表样式
1、list-style-type none,disc,circle,square,decimal…. 设置列表项目的外观
2、list-style-position inside,outside 列表符号的位置
3、list-style-image url,none 把图片设置为列表项目的标记
4、list-style 同前面三个 简写属性，涵盖以上三个列表样式属性
列表样式属性值见图片“属性值.png”

伪类：

状态性伪类：
link未访问
a:visited{}访问后
a:active{}激活，点击瞬间
a:hover{}鼠标悬停
a:focus{}鼠标输入焦点元素(一般是文本框)
active，focus二选一使用，focus会覆盖active

结构性伪类：
first-child：选择元素的第一个子元素（严格意义上的第一个即同级里面的第一个）
last-child： 选择某元素的最后一个子元素(严格意义上的最后一个即同级里面的最后一个)
first-of-type：选择同一父级下的第一个子元素
nth-child(里面填严格第几个)
nth-last-child（里面填严格第几个

为元素选择器：
::selection 选择指定区域（无法选择后来添加的）
::before 配合content
::after 配合content
::first-line 首行
::first-letter 第一个字

div溢出

Overflow
1.visible 默认值
2.hidden 超出部分隐藏
3.scroll 滚动条
4.auto 按需显示