css属性使用.doc

CSS常规属性使用介绍 --style-- 相关属性单词 color:green 字体颜色，颜色值为代码是必须加# 如：color:#FFFF00 background:blue 背景颜色 颜色值为代码是必须加# 如：background:#FFFF00(样式表中可以省略color的写法）html中使用style属性必须写全称（background-color:red) font-size:20px 字体尺寸 font-family:黑体 字体 font-style:normal(常规），italic（斜体）， oblique （倾斜） font-weight（字体粗细）:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 font-variant : normal（默认值） | small-caps（小型的大写字母字体） text=transform:uppercase(控制字母大小写）：uppercase（所有字母大写）lowercase(所有字母小写显示）；capitalize(单词的第 1 个字母大写显示);none(正常形式显示。) text-indent:2CM 文本缩进 text-align:left/center/right左/中/右 水平对齐 text-decoration(文字修饰）：underline 给文字下划线；overline 给文字上划线line-through 给文字划 出删除线；blink文字闪烁；none默认，什么效果也没有。 可以使链接的文字不以下划线的形式显示，如： A:link { text-decoration: none } A:active { text-decoration: none } A:visited { text-decoration: none } text-shadow:是否有阴影及模糊效果，color指定颜色，lenght指定阴影水平延伸距离 line-height:4cm行距离（垂直方向行与行之间的距离） word-spacing:10mm字间距（英文语句中单词与单词之间的距离） letter-spacing:1mm字母间距（英文语句中单词字母与字母之间的距离） align:right,单元格内容的水平对齐方式，右对齐，left左对齐，center居中 valign:top，单元格内容的垂直对齐方式，靠上，center居中，bottom靠小 vertical-align:center垂直对齐（用的很少，暂时不考虑） border-top-width: 2px距离单元格边框顶部的距离 border-bottom-width: 5px距离单元格边框底部的距离 border-left-width: 1px距离单元格边框左边的距离 border-right-width: 1px距离单元格边框右边的距离 width=10%单元格宽度，此属性仅在table标签中使用，如：table width=10% border-color: blue 表格边框颜色 border-width: 30px 单元格边框的宽度 height=10%单元格高度，与table标签一起使用，一般很少用 cellspacing=30%控制单元格与单元格之间的距离 cellpadding=30%控制单元格内容与单元格之间的距离 float:left浮动方向，在单元格有图象及文字时使用可调整文字显示方位 clear:left, 清除属性（尚未研究） background-image:url(images/010.gif)设定背景图象 background-repeat:no-repeat背景图象不平铺 position:absolute绝对定位【per zi xieng】【er bu ser nu te】 visibility:hidden使要素被隐藏 z-index: 10元素重叠时调整属性值可设置哪个元素显示在上方 compony 连接，引用(@compony) 第 1 页 共 6 页 第一章 串接样式表的字体属性 样式表规则：母体延续到子体属性pthe toor of the bdecgn ges/b/p 当样式表定义P段落颜色为红色时，段落内B加粗显示的字体也将显示为红色 一，内部样式表（置入样式表）编辑在head/head之间,使用style规则。 样式表事例： style type=text/css !--h1{color:red;background:#ccccff;font-size:25px;font-family:宋体；