总结.....

 

【1】链接伪选择器

a:link 把没有点击过的(访问过的)链接选出来

a:visited 选择点击过的(访问过的)链接

a:hover 选择鼠标经过的那个链接

a:active 选择的鼠标正在按下没有弹起的链接

input:focus 把获得光标的input表单元素选取出来

【2】文字

指定字体 font-family

字体大小 font-size

字体加粗 font-weight 数字后面不加单位

字体风格 font-style

【3】文本

text-align 文本对齐方式

text-decoration 文本装饰 text-decoration: none 取消下划线

text-indent 文本首行缩进多少距离，可以取 - 值 px、em缩进文字距离

line-height 行间距

【4】元素显示模式

/ 行内元素转a换成块级元素 /

display: block;

/ 块级元素div转换行内元素 /

display: inline;

/ 行内元素转换为行内块元素 /

display: inline-block;

【5】背景

backdround-color 背景颜色

backdround-image 背景图像

backdround-repeat 背景平铺

backdround-position 背景中图片位置

background-attachment: 背景图像固定

background：rgba 透明度

【6】边框

border-wide 定义边框粗细，单位是px

border-style 边框的样式

border-color 边框颜色

border-collapse: collapse; 相邻边框合在一起

border-radius：length 圆角边框

【7】内边距

padding-left 左内边距

padding-right 右内边距

padding-top 上内边距

padding-bottom 下内边距

【8】外边距

margin-left 左边外距

margin-right 右边外距

margin-top 上边外距

margin-bottom 下边外距

盒子左右的外边距都设置成auto(自动)

塌陷问题：overflow: hidden