css的几个基本要素(手机阅读).docVIP

css的几个基本要素(手机阅读) ---开始----- * * * * * * * * 《CSS》 1、样式表的引用位置在html ------head之间；一般格式为： STYLE TYPE=”text/css” !— XXXXXXXX -- /STYLE 2、一个样式的一般描述 H4{color:red;background:yellow;font-size=37px;font-family:impact} 3、引用样式表的方式 （1）LINK REL =stylesheet HREF=样式表文件 TYPE=text/css （2）@import url(文件名) （3）直接写到body里面，例如： H1 STYLE=color:red;font-family:impact文字H1 4、分类引用 可以这样定义样式表： P.first{color:red;...} /*这里写上注释，很方便*/ P.second{color:purple;...} P.third{color:green;...} 在body中，引用方式为： P CLASS=first第一段/P P CLASS=second第二段/P 5、字体使用 H2{font-family:首选字体,次选字体,最后选择的字体} 如果字体名称带空格，用引号，例如： H2{font-family:gill sans, new baskerville,serif} 如果是写在BODY里面的，用，例如： H1 STYLE=color:red;font-family:gill sans, new baskerville,serif 6、字体大小（字号）：P{font-size:20px } 7、字体风格（斜体）：P{font-style:italic} 8、字体加粗（加粗）：P{font-weight:bold} 9、字体上的线：P{font-decoration:线的风格} 下划线：underline；上划线：overline；删除线：line-through；没有任何线：none 10、文字定位 （1）词间距：H3 { word-spacing: 10px } （2）字间距：H3 { letter-spacing: 10px } （3）行高：a）固定值行高：B{line-height:16pt} b）按照比例的行高：B {font-size:12pt; line-height:2}，行高=12*2=24px，当然line-height也可以是百分数 （4）水平对齐：H4 { text-align: center }，还有left,right；只适用于P、H1-H6、BLOCKQUOTE和UL整块儿中。 （5）垂直对齐：H4 { vertical-align: top }，相对于母体要素，可用于图像。 top 将要素顶部同最高的母体要素对齐。 bottom 将要素的底部同最低的母体要素对齐。 text-top 将要素的顶部同母体要素文字的顶部对齐。 text-bottom 将要素的底部同母体要素文字的底部对齐。 baseline 将要素的基准线同母体要素的基准线对齐。 middle 将要素的中点同母体要素的中点对齐。 sub 将要素以下标的形式显示。 super 将要素以上标的形式显示。 （6）文字缩行：P { text-indent: 40%}；只适用于整块内容。第1 行的起始位置比其正常位置缩进了40％,可以负值。 （7）边框的样式：P { border-style: double} ；border-style有solid、double、dotted、dashed、groove、ridge、inset、outset等线型。 （8）边框宽度：H4 { border-top-width: 2px; border-bottom-width: 5px; border-left-width: 1px; border-right-width:1px }；H5{ border-width: 2px } （9）边框颜色：P { border-color: green}；P { border-color: #666699 #FF00