五、样式表的引入
了解了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>
3、使用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">
这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。
五、样式表的引入
了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法。飞飞Asp!技术乐园
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>
3、使用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">
这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。
六、样式表滤镜的构成
滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为:
标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值2,....);}
它所表达的意思是:在该标记范围内的内容,样式表滤镜将按照小括号内的属性名所限定的对象,按属性值所设定的数值进行特效处理。飞飞Asp技术.乐园其中标记为HTML语法中的任意标记,如SPAN,P,BR等等;滤镜名就是我们下面所涉及到的14种滤镜名称;每一种滤镜它都有自己特定的属性名及其属性值。
例如:P { filter : alpha(opacity=80,style=1 ); }
以上就是使用样式表滤镜的定义方法。
|
| [上一页] [下一页] |