CSS 文章

来源：互联网发布：可信网络编辑：程序博客网时间：2024/04/28 08:08

添加css有四种方法：分别是外联样式表，内部样式表，导入外部样式表和内嵌样式。

1.外连样式表

外联样式表就是在网页中调用已经定义好的样式表，来实现样式表的调用，它是一个单独的文件，然后用<link>标记连接到这个样式表文件.<link>必须放到<head>区内这种方法最适合大型网站的CSS样式定义。eg 如下：

<head>

…… // rel=stylesheet是指在页面中使用的外部样式表 type =text/css是指文件的类型是样式表文件

……

</head>

一个外联样式表文件可以用于多个页面，当改变这个样式表的文件时，所有应用改样式的页面都随着改变，不仅减少了重复的工作量，而且还有利于以后的修改，编辑，浏览时也减少了重复下载代码。

2.内嵌样式表

是混合在html标记里使用的，用这种方法可以很建档的对某个元素单独定义样式。内嵌样式的使用是直接在html标记里面添加style 参数，而style参数的内容就是css的属性和值，在style参数后面的引号里的内容相当如在样式表大括号里的内容。如：

这是个表格

</p>

这种简单显示直观，无法发挥样式表的最大优势不推荐使用。

3导入样式表

是在内部的样式表中的<style>里导入一个外部的样式表，导入的时候要用到@import 如下面的这个例子。

<head>

……

<!-

@import style.css

其他样式表的声明

</style>

……

</head>

4.内联样式表

这种css一般位于HTML文件的开头，在<head>和</head>标签内，并且以<style> 开始以</style>结束。这些定义的样式就应用到页面中了，eg:

<head>

<!--

body

{

margin-left:0 PX;

margin-top:0 PX;

margin-right:0 PX;

margin-bottom:0 PX;

}

.style1{

color:#ffee44;

font-size:14px;

}

-->

</style>

</head>