如何在HTML页面中加入CSS.docVIP

———————————淘宝网女鞋——————————— 在微软公司发布IE 3.0以来，人人都在议论样式表。该HTML扩展—曾由W3C建议—可能是唯一的由创作方进行工作以减少下载时间的技术 终于，可以不用调整表格、改变字体或原图大小就能控制样式属性（如边界宽度等）使用样式表，出版者可以通过字体字号、颜色、空格的“一次设定，多页有效，，来节省时间。他们还可以不用image.即而创作出漂亮、复杂的页面。因为字体字号、文字可以放到图形上去，或者一层一层叠加起来，产生特殊阴影效果 那么这些样式表是如何工作的呢？问得好。 巧妙地使用标记h4.＜卜和b,有时还可以设计出说得过去的页面。但是每次下载页面时，浏览器必须对上述标记进行解释。而样式表可以省去这些烦琐的解释。 有了样式表，我们可以重定义任何HTML结构。一个结构就是一个能够制定打开和关闭某一属性的标记，如6/b或h4/h4由于印〕也可以加上一个/p，所以它也被认为是一个结构而由样式表进行定义. 样式表可以用于3个不同的层次：local定义一个页面的局部），global（定义整个页面）和linked（定义多个页面）。下面我们将依次进行讲解： 第一层次：local样式表: 这是最简单、最具体的层次。样式表可以用来代替诸如fontt等类标记。不仅可以用. 它定义字体字号，还可以定义边界〔包括左边界、右边界）、线的高度以及其他许多性． 作为一个例子，来重新定义传统的H2如图： center这是一个标题/center 新的，使用样式表的源代码如下： center style=font-size:20pt;color:red这是一个标题/center 该标题显示如图所示． ———————————光化学反应仪——————————— 第二层次：global样式表 global样式表可以用短短的几行代码对整个页面的文本和布局进行描述。这些手工标 记加在stylr和aatylo之间。这一对标记置于body标记之前． 带有global样式表的HTML文件看上去像下面的样子： HTMl style type=text/css ！一 h4{font:17ptArial,Helvetica; font-weight: bold; color:ouraon} h2 {font. l5pt Courier； font-weight: bold; color:blue} p { font:12pt Arial,Helvaira，； color: black} __ /style body 以纯官方网站专卖店 /body /webmontkey/HTML 注愈：在style标记中仍然有HTML标记（!一 - ＞）．这将允许支持祥式表的浏览器找到方向，而老的浏览器可以维续解释它认识的代码．另外，可能注意到了，上述的字号是用points〔点）来定义的．但祥式表也允许你用.pixels（像素）、inches（英寸）和cm（屋米）去定义字号. 第三层次：linked样式表： 如果用一个样式表为多个页面定义样式，它确有独到之处。要做到这一点，首先创建 一个独立的样式表文件，扩展名为css.这些预先定义的样式可以适用于header部分标有.css 的HTML文件。所以，如果有2000个指向相同的朋s文件的HTIIQL文件，我们可以通过 改动css文件而改变所有这2000个文件。可以想像因此而节省了多少时间和力气。一个典型的.css文件可以表达如下： HTMl style type=text/css ！一 Body{font:10ptverdana,sans-serif}； H2{font:50pt Verdana, sans-serif; Font-weight:bold; Color:#58F734} H3{font:13pt/15ptVerdana,sans-serif; Font-weight;bold: Color:maroon; Margin-left：0.5in； ———————————香袭人————————— Margin-top：-10px； Line-height：30px} P{font：10pt/12pt“Verdana,sans-serif”； Color：black； Margin-left：0.5in}； Margin-top：20px} -- /style body 低温恒温槽 /body /html 因此，通过样式表，可为HTML文件定义了