网页加入css样式表的四种方法

发布时间:2020-12-02编辑:脚本学堂
本文介绍下,在网页中加入css层叠样式表的四种方法,有需要的朋友参考下。

本节内容:
css样式表添加到网页中的方法。

方法1,行内式(inline):

复制代码 代码示例:
<h1 style="color:white;background-color:blue">This is a line of Text.</h1>
 

方法2,内嵌式(internal):

复制代码 代码示例:
<style type="text/css">
h1{
color:white;
background-color:blue
}
</style>

方法3,导入式(external):

复制代码 代码示例:
<style type ="text/css">
@import"mystyle.css";
</style>

页面完成后加入。

方法4,链接式(external):

复制代码 代码示例:
<link href="mystyle.css" rel="stylesheet" type="text/css" />

至于用哪种,需要根据页面的功能,要引入样式表的位置而定。

>>> 您可能感兴趣的文章:
css样式引入的三种方法
select CSS样式的修改实例分享
css设置下拉列表select样式
css样式去掉li的点的方法(list-style-type语法)
css设置select样式代码(兼容IE6、IE7、IE8、火狐)
css修改select控件样式的简单例子(兼容IE6、IE7、Firefox)
CSS样式中需要全局定义的内容总结
css实现动态改变样式的代码
CSS入门教程-把样式表加入网页的方式