CSS的一部分常见特性梳理

2021-01-20 21:28 jianzhan
CSS情况:
background:#00ffee; //设定情况色调
background-image:url(*.jpg); //设定情况照片
background-repeat:repeat-x; //设定情况照片反复
background-attachment:fixed; //设定情况不随文本翻转

CSS文字:
text-indent: 5em; //设定文字缩进
text-transform:uppercase/lowercase/capitalize; //设定文字变换尺寸写
text-decoration:none/underline/overline/line-through/blink; //设定文字装饰设计
white-space:normal/pre; //解决空白符
color:#eeffee; //设定文字色调
line-height:30px; //设定行高

CSS字体样式:
font-family: Georgia; //特定字体样式系列
font-style: normal/italic/oblique //特定文字一切正常/斜体/歪斜显示信息
font-weight: normal/bold/900; //特定文字的粗细
font-size: 16px/em; //特定文字的尺寸
font-variant: small-caps; //特定小型大写字母

CSS目录:
list-style-type:/decimal --井然有序目录
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha

/disc --无编码序列表
/circle
/squre
/decimal

CSS报表:
border-collapse: collapse; //设置报表塌陷
border: 1px solid black; //设置报表边沿
width: 100%; //设置报表宽度
height: 50px; //设置报表高宽比
text-align:right; //设置报表汉语本的对齐方法
vertical-align:bottom //设置报表竖直对齐方法
padding:15px; //设置报表内边距
color:white; //设置报表中字体样式色调
background-color:green; //设置报表情况色调

CSS边框:
outline: #00ff00 dotted thick; //设置轮廊色调/款式/宽度
border: blue solid thin; //设置轮廊