JavaWeb学习总结8.21

《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}