百虎谷互联网技术博客

关键词博客:搜索引擎探究、搜索技巧、网络技术、网站制作等!

« CSS的基本语法入门CSS中伪类的应用,伪类实现链接以不同形式展现 »

如何在网页中插入CSS样式?介绍常用的几种方法。

1. 链入外部样式表

链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<link>标记链接到这个样式表文件,这个<link>标记必须放到页面的<head>区内,
 

<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">
 

 

一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时,所有页面的样式都随之而改变。在制作大量相同样式页面的网站时,非常有用,不仅减少了重复的工作量,而且有利于以后的修改、编辑,浏览时也减少了重复下载代码。

2. 内部样式表

内部样式表是把样式表放到页面的<head>区里,这些定义的样式就应用到页面中了,样式表是用<style>标记插入的,从下例中可以看出<style>标记的用法:
<head>
……
<style type="text/css">
body {background-image: url("images/back40.gif")}
hr {color: sienna}
p {margin-left: 20px}
</style>
……
</head>

3. 导入外部样式表

导入外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import。
<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>

4. 内嵌样式

内嵌样式是混合在HTML标记里使用的,用这种方法,可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。
 

<p style="color: red;margin-left: 20px;">
段落
</p>
 

5. 多重样式表的叠加

解决样式表的冲突。依照后定义的优先,所以优先级最高的是【内嵌样式】【内部样式表】【导入外部样式表】,【链入的外部样式表】和【内部样式表】之间是最后定义的优先级高。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表

最新评论及回复

百虎谷(鲁ICP备08103840号)

友情提示:请输入关键词