码迷,mamicode.com
首页 > Web开发 > 详细

CSS 样式表

时间:2015-05-19 18:23:53      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

CSS 样式表:

一、内联样式表(当特殊的样式需要应用到个别元素时,就可以使用内联样式。虽然拥有最高优先权。但请慎用。)

<p style="color:red;"></p>

二、内部样式表(当单个文件需要特别样式时,就可以使用内部样式表。)

<head>                 

   <style type="text/css">

                     p{color:red;}

          </style>

</head>

三、外部样式表(当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。)

<head>

         <link rel="stylesheet" type="text/css" href="css存放的路径" />

</head>

优点:1.多个样式可以重复利用

          2.多个网页可共用一个CSS文件

          3.修改、维护简单,只需要修改一个CSS文件就可更改所以地方的样式,不需要修改页面代码

          4.减少页面代码,提高网页加载速度,CSS驻留在缓存里,在打开同一个网站时由于已经提前加载则不需要再次加载

          5.适合所以浏览器,兼容性好

CSS 样式表

标签:

原文地址:http://www.cnblogs.com/xieli/p/4515143.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!