CSS样式表几种设置

2013-04-05 22:55:18 CSS样式表有几种存在方式外部样式、内页样式、行内标签样式

外部样式:将网页链接到外部样式表。
内页样式:在网页上创建嵌入的样式表。
行内标签样式:应用内嵌样式到各个网页元素标签内。

每一种方法均有其优缺点:
当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。

一、外部样式引入

通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:
<link href="/css/Mystyles.css" rel="stylesheet" type="text/css"/>

进一步了解相关知识
1、link标签
2、css引入HTML

二、html页内样式

当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:
<style type="text/css">
<!--
/* 把声明的样式包含在一个html注释中,这样可以解决较老的浏览器不识别style的问题 */
body {background:#FFF;}
-->
</style>

进一步了解相关知识
1、css注释
2、style标签
3、html if注释

三、行内标签内样式

使用内嵌样式以应用样式表属性到网页元素上。 如:
<div style="width:50px">设置此div标签宽度为50px</div>

上一篇:css+div布局特点
下一篇:焦点幻灯片特效
更新