样 式 表 全 接 触（5）
日期：2013-11-11 浏览次数：21216 次
| 五、款式表的引入 了解了CSS的定义方式，下面将具体引见如何在HTML中引入CSS的各种方法。 1、使用<LINK> 链接外部款式表单；例如： <HEAD> <TITLE>My Stylesheet</TITLE> <LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"> </HEAD> 使用CSS文件的一个最大好处就是，你可以在每个HTML文件中援用这个文件，从而可使整个站点的HMTL文件在风格上保持分歧，避免反复的CSS属性设置；另外，当你遇上改版或作某些严重调整要对风格进行修正时，可直接修正这个CSS文件，当然了，HTML文件不断援用最近更新的款式单，而不必每个每个HTML文件进行整，你说是不是挺方便的呀！特别提示一下，如果你想建立本人的网站，这方面不可忽视哟，如果在建站之初没有网站风格的统一规划并构成CSS文件，当前内容一多，想调整一下风格会累死你的。 2、把定义语句放在<HEAD>和<BODY>标签之间，这种风格定义产生作用的范围也只局限于本文件，其格式如下(套用上边的CSS) <Style Type="text/css"> <!-- td{ color: green; font-size: 15px; font-family: Arial } --> </Style> ３、使用CSS"@import"导入款式表单；例如： <STYLE TYPE="text/css"> <!-- @import url(mystyles.css); --> </STYLE> 4、在<BODY>内部元素中使用"STYLE"标记来定义;例如： <p style="color: red; font-size: 20px; font-family: Arial">我的款式表</p> 5、直接插入式 直接插入式很简单，只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接，如我们想规定一个Table标志中的字为红色，字体大小为10pt，则可书写如下： <Table style="color:red;font-size:10pt"> 这种方式次要用于对具体的标志做具体的调整,其作用的范围只限于本标志。 |
