CSS的作用及使用

   CSS层叠样式表(Cascading Stylesheet)。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 

    CSS作用:

  (

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

  

  (5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

  使用方法有三种:

  一.外联式(也叫外部样式):将网页链接到外部样式表。

  如:<link rel="stylesheet"  type="text/css" href="/层叠样式表/样式.css"/>

  二.嵌入式(也叫内页样式):在网页上创建嵌入的样式表。

  如:

  <style type="text/css">
  <!--把声明的样式包含在一个网页注释中,这样可以解决较老的浏览器不识别style的问题-->
  </style>

  三.内联式(也叫行内样式):应用内嵌样式到各个网页元素。

  如:<p style="@importurl(‘BaiduBaike_Daima_Shili.css‘);">层叠样式表文档</p>

 

  其中,优先级:内联式 > 嵌入式 > 外联式。

  如果要在HTML中设置CSS,需要在HTML中设置"id"或者"class"选择器。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义;class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号(小黑点)显示。属性名不要以数字开头!

  如:id选择器:#id1{color:blue;} class选择器: .class1{color:blue;}
  
 
  

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。