《CSS 属性》
字体样式(Font Style)
序号 | 中文说明 | 标记语法 |
---|---|---|
1 | 字体样式 | {font:font-style font-variant font-weight font-size font-family} |
2 | 字体类型 | {font-family:“字体1”,“字体2”,“字体3”,…} |
3 | 字体大小 | {font-size:数值、inherit, medium, large, larger, x-large, xx-large,small, smaller, x-small,xx-small} |
4 | 字体风格 | {font-style:inherit,italic,normal,oblique} |
5 | 字体粗细 | {font-weight:100-900,bold |
6 | 字体颜色 | {color:数值;} |
7 | 阴影颜色 | {text-shadow:16位色值} |
8 | 字体行高 | {line-height:数值,inherit,normal;} |
9 | 字 间 距 | {letter-spacing:数值,inherit,normal} |
10 | 单词间距 | {word-spacing:数值,inherit,normal} |
11 | 字体变形 | {font-variant:inherit,normal,small-cps } |
12 | 英文转换 | {text-transform:inherit,none ,capitalize,uppercase,lowercase} |
13 | 字体变形 | {font-size-adjust:inherit,none} |
14 | 字体 | {font-stretch:condensed,expanded,extra-condensed,extra-expanded,inherit,narrower,normal, semi-condensed,semi-expanded,ultra-condensed,ultra-expanded,wider} |
文本样式(Text Style)
序号 | 中文说明 | 标记语法 |
---|---|---|
1 | 行 间 距 | {line-height:数值,inherit,normal;} |
2 | 文本修饰 | {text-decoration:inherit,none,underline,overline,line-through,blink} |
3 | 段首空格 | {text-indent:数值,inherit} |
4 | 水平对齐 | {text-align:left,right,center,justify} |
5 | 垂直对齐 | {vertical-align:inherit,top,bottom,text-top,text-bottom,baseline,middle,sub,super} |
6 | 书写方式 | {writing-mode:lr-tb,tb-rl} |
背景样式
序号 | 中文说明 | 标记语法 |
---|---|---|
1 | 背景颜色 | {background-color:数值} |
2 | 背景图片 | {background-image: url(URL),none} |
3 | 背景重复 | {background-repeat:inherit,no-repeat,repeat,repeat-x,repeat-y} |
4 | 背景固定 | {background-attachment:fixed,scroll} |
5 | 背景定位 | {background-position:数值,top,bottom,left,right,center} |
6 | 背影样式 | {background:背景颜色,背景图象,背景重复,背景附件,背景位置} |
框架样式(Box Style)
序号 | 中文说明 | 标记语法 |
---|---|---|
1 | 边界留白 | {margin:margin-top margin-right margin-bottom margin-left} |
2 | 补 白 | {padding:padding-top padding-right padding-bottom padding-left} |
3 | 边框宽度 | {border-width:border-top-width border-right-width border-bottom-width border-left-width} 宽度值: thin,medium,thick,数值 |
4 | 边框颜色 | {border-color:数值 数值 数值 数值} 数值:分别代表top、right、bottom、left颜色值 |
5 | 边框风格 | {border-style:none,hidden,inherit,dashed,solid,double,inset,outset,ridge,groove} |
6 | 边 框 | {border:border-width border-style color} |
6.1 | 上 边 框 | {border-top:border-top-width border-style color} |
6.2 | 右 边 框 | {border-right:border-right-width border-style color} |
6.3 | 下 边 框 | {border-bottom:border-bottom-width border-style color} |
6.4 | 左 边 框 | {border-left:border-left-width border-style color} |
7 | 宽 度 | {width:长度,百分比,auto} |
8 | 高 度 | {height:数值,auto} |
9 | 漂 浮 | {float:left,right,none} |
10 | 清 除 | {clear:none,left,right,both} |
分类列表
序号 | 中文说明 | 标记语法 |
---|---|---|
1 | 控制显示 | {display:none,block,inline,list-item} |
2 | 控制空白 | {white-space:normal,pre,nowarp} |
3 | 符号列表 | {list-style-type:disc,circle |
4 | 图形列表 | {list-style-image:URL} |
5 | 位置列表 | {list-style-position:inside,outside} |
6 | 目录列表 | {list-style:目录样式类型,目录样式位置,url} |
7 | 鼠标形状 | {cursor:hand,crosshair,text,wait,move,help,e-resize,nw-resize,w-resize,s-resize,se-resize,sw-resize} |