CSS样式表的分类介绍

CSS piniu 901浏览 0评论

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

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

一、外部样式引入

通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:

<link href="/css/Mystyles.css" rel="stylesheet" type="text/css"/>

二、html页内样式

当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:

<style type="text/css">
<!-- 
/* 把声明的样式包含在一个html注释中,这样可以解决较老的浏览器不识别style的问题 */
body {background:#FFF;}
-->
</style>

三、行内标签内样式

使用内嵌样式以应用样式表属性到网页元素上。 如:

<div style="width:50px">设置此div标签宽度为50px</div> 

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • * 昵称:
  • * 邮箱: