css实战总结

常用属性

背景属性

所有标签的背景，通过相关属性进行自定义

属性	说明
background-color	背景颜色
background-image	背景图片
background-repeat	背景图片是否重复以及其重复方式
background-attachment	背景图片是否跟随内容滚动
background-position	背景图片的水平位置和垂直位置
background	样式定义各种背景属性

background-repeat默认值为repeat，即图像沿着x轴和y轴平铺，还可以指定沿着x轴平铺rpeat-x，沿着y轴平铺repeat-y，或者不平铺no-repeat，继承父元素该属性设置inherit。
background-attachment 用于设置背景图像是否固定或者随着页面的其余部分滚动。默认值为：scroll，表示可以随着页面其余部分的滚动而滚动。设置fixed，表示当页面其余部分滚动时，背景图片不会滚动，设置inherit，继承父元素。

字体属性

属性	说明
font-family	文本的字体系列
font-size	文字大小
font-variant	小写或者大写字母的字体显示文本
font-style	文本是否是斜体
font-weight	定义字体的粗细
font-weight	定义字体的粗细

font-family用于设置元素的字体，该元素属性值一般可以设置多个字体。
font-size用于设置字体的尺寸。
font-style用于设置字体是否是斜体，默认值为normal，当设置为italic，显示为一个斜体的样式，当设置为oblique，显示为一个倾斜的样式。
font-variant用于设置字体使用小写字体，默认为normal，一旦设置为small-caps，将所有小写字母变为大写。
font-weight用于设置字体的粗细，normal值等于400，bold的值等于700。

文本属性

属性	说明
color	文本颜色
direction	文本方向和书写方向
letter-spacing	字符的间距
line-height	文本的行高
text-align	文本对齐方式left，right，center，inherit
text-decoration	给文本添加修饰效果，值有underline为添加下画线，overline添加上画线，line-through添加删除线，blink添加闪烁的效果,none无如何修饰,inherit
text-indent	定义文本的首行缩进方式，默认值为0
text-shadow	为文本添加阴影效果
text-transform	切换文本的大小写
white-space	设置如何处理元素内的空白
word-spacing	定义文本距离

尺寸属性

属性	说明
width	设置元素的宽度
min-width	元素的最小宽度
max-width	设置元素的最大宽度
height	设置元素的高度
…	…

列表属性

属性	说明
list-style-image	设置列表项标记样式为图像，none/inherit/url
list-style-position	设置列表项标记的位置，inside/outside/inherit
list-style-type	设置列表项标记的类型 disc 实心圆 circle 空心圆 square 方块 decimal 数字
list-style	可以用一条样式定义各种列表属性

表格属性

属性	说明
border-collapse	是否合并表格边框
border-spacing	设置相邻单元格边框之间的距离
caption-side	表格标题的位置
empty-cells	是否显示表格中空单元格上的边框和背景
table-layout	设置用于表格单元格列宽的设置方式

盒子属性

属性	说明
padding-top	元素的上内边距
padding-right	元素的右内边距
padding-bottom	元素的下内边距
padding-left	元素左边内边距
margin-top	上外边距
—	—
border-top-style	上边框样式 （none，无边框效果hidden<