使用css可以将网页的大部分甚至是全部的表示信息(样式)从HTML文件中移出,实现样式和内容分离;这样可以降低文件大小、节省网络带宽,避免样式代码重复,使得维护更容易,可以使用相同的内容加以不同的样式来实现不同的目的。

为什么要使用CSS?

CSS帮助你从如何展示一个文档的琐事中分离出文档的信息内容。那些如何展示文档的琐事被称为文档的样式。

css将网页的大部分甚至是全部的表示信息从(X)HTML文件中移出,并将它们保留在一个样式表中。将样式从内容中分离出来有以下好处:

  • 降低文件大小、节省网络带宽

  • 避免重复

  • 使得维护更容易。

  • 站点的表现信息和核心内容相分离,使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

  • 可以使用相同的内容加以不同的样式来实现不同的目的

CSS简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。只要修改保存着网站格式的CSs样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量。

你的网站可能有成千上万相似的页面。使用CSS,你可以将样式信息存储在通用的文件中供所有的页面共享。当用户打开了一个网页,用户的浏览器会单独加载关于页面内容的样式。当用户打印了一个网页,你应该提供不同的样式来保证打印出来的页面是易读的。

通常,你会使用HTML来描述页面内容而不是样式,使用CSS来指定页面的样式而不是内容。当然,也有例外,HTML也可以提供一些方法来指定样式。例如,在HTML中你可以使用<b>标签来加粗文本,也可以在<body>标签中指定页面的背景颜色。当你使用CSS的时候,通常会避免使用HTML的样式功能,这样所有的样式信息就都会被保存在一个地方。

实践:为HTML文档创建样式表

创建样式表

1.创建一个文本文件;这个文件就是你的样式表。命名为style1.css

2.在你的CSS文件中,复制下面这行代码并拷贝进去,然后保存文件:

strong { color: red; }

链接你的文档和样式表

1.创建另一个文本文件;这个文件就是你的文档。命名为你喜欢的任意名字

2.在你的HTML文件中,复制下面的代码并拷贝进去,<link…>那一行请引用你自己的样式表:

<!DOCTYPE html>
 <html>
   <head>
   <meta charset="UTF-8">
   <title>Sample document</title>
   <link rel="stylesheet" href="style1.css">
   </head>
   <body>
     <p>
       <strong>C</strong>ascading
       <strong>S</strong>tyle
       <strong>S</strong>heets
     </p>
   </body>
 </html>

更多编程相关知识,请访问:编程课程!!

以上就是为什么要用CSS?的详细内容,更多请关注php中文网其它相关文章!