vscode 自己常用总结css大全

字体属性：1rem=16px
字体大小font-size：x-large特大
xx-small极小
字体样式font-style：oblique偏斜体
italic斜体
normal正常
字体行高line-height：normal正常
字体粗细font-weight：bold粗体
lighter细体
normal正常
字体变体font-variant：small-caps全部小写变大写
normal正常
字体大小写text-transform：capitalize首字母大写
uppercase全部大写
lowercase全部小写
none无
字体修饰text-decoration：underline下划线
overline上划线
line-through删除线
blink闪烁
常用字体font-family：Courier New英文字体
Courier
monospace
Time New Roman
Times
serif
Arial
Helvetica
sans-serif
Verdana
背景属性background：
背景颜色background-color
背景图片background-image：url（）
背景重复background-repeat：no-repeat
背景滚动background-attachment：fixed固定
scroll滚动
背景位置background-position：left水平
top垂直
简单方法background：#000 url() repeat fixed left top；

区块属性block：
字间距letter-spacing：normal/数值
对齐text-align:justify两端对齐
left左对齐
right右对齐
center居中
缩进text-index：数值px
垂直对齐vertical-align：baseline元素放置在父元素的基线上
sub垂直对齐文本下标
super垂直对齐文本上标
top把元素顶端与行中最高元素顶端对齐
text-top把元素的顶端与父元素的字体的顶端对齐
middle元素放置在父元素的中部
bottom把元素的顶端与行中最低元素的顶端对齐
text-bottom把元素的地段与父元素字体的低端对齐
词间距word-space：normal/数值
空格white-space：pre空白会被浏览器保留
nowrap文本不会换行，文本会在在同一行上继续
normal默认，空白会被浏览器忽略
pre-wrap保留空白符序列，但是正常地进行换行
pre-line合并空白符序列，但是保留换行符
inherit从父元素继承white-space
元素应该生成框的类型display：none此元素不会被显示
block此元素显示为块级元素，此元素的前后会带有换行符
inline默认。此元素会被显示为内联元素，元素前后没有换行符
list-item列表项
run-in追加部分，此元素会根据上下文作为块级元素或内联元素显示
compact紧凑
marker标记
table此元素会作为块级表格元素显示，表格前后带有换行符
inline-table此元素会做内联表格来显示，表格前后没有换行符
table-row-group此元素会作为一个或多个行分组来显示
table-header-group此元素会作为一个或多个行分组来显示
table-footer-group此元素会作为一个或多个行分组来显示
table-row此元素会作为一个表格显示
table-column-group此元素会作为一个或多个列的分组来显示
table-column此元素作为一个单元格列显示
table-cell此元素作为一个表格单元格显示
table-caption此元素作为一个表格标题显示
inherit从父元素继承display属性值
方框属性box：
宽width，高height，浮动float，清除浮动clear：both
外边距margin：;内边距padding：;顺序：上右下左（顺时针）
边框属性border：border-style：dotted点线
dashed虚线
double双线
groove槽线
ridge垄状
inset凹陷
outset
border-width：边框宽度
border-color：边框颜色
列表属性：List-style
类型list-style-type：disc圆点
circle圆圈
square方块
decimal数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
list-style-position：outside外
inside
list-style-image：url()
定位属性position：absolute绝对定位相当于父元素
fixed绝对定位
relative相对定位
static默认值
inherit继承父类属性
规定元素是否可见visibility：inherit继承父类属性
visible默认值
hidden元素不可见
规定当内容溢出元素框发生的事情overflow：visible默认值
hidden内容被剪切，剪切内容不可见
scroll内容被剪切，但是浏览器会显示滚动条，便以查看
auto如果内容被剪切，但是浏览器会显示滚动条，便以查看
inherit继承父类属性