首页 > 网站建设 >

网站建设三种CSS样式的不同

发布时间:2019-08-16 作者:深圳网站建设

  深圳网站建设公司提醒CSS样式可以以多种方式灵活地应用到所设计的页面中,根据设计不同的要求选择不同的方式。
1.行内样式表
  行内样式表将CSS样式所定义的内容写在XHTML代码行内,例如:
<bodystyle="background-color:#F00">页面背景色为红色</body>
style="background-color:#F00"代码就是行内样式表的书写方式,它出现在要控制其格式的标签内部,以style=""开始,引号中间则是样式控制的命令。
2.内部样式表
  内部样式表将CSS样式统一放置在页面的一个固定位置,与HTML的具体标签分离开,从而可以实现对整个页面范围内的内容显示进行统一的控制与管理,一般将其放置在<head>…</head>区段中。
3.外部样式表
  外部样式表是相对于内部样式表而言的,它实际上是一个扩展名为.css的文件,独立于HTML页面,放置于网站文件夹内某个位置,外部样式表也称样式表文件。外部样式表的内容和内部样式表类似,都是样式的定义。
  外部样式表通过在某个HTML页面中添加链接的方式生效。同一个外部样式表可以被多个网页甚至是整个网站的所有网页所采用,这就是它最大的优点。如果说内部样式表在总体上定义了一个网页的显示方式,那么外部样式表可以说在总体上定义了一个网站的显示方式。
4.三种样式表的比较
  由于行内样式表只针对当前所在的标签,内部样式表只针对当前所在的HTML文件。因此,如果一个HTML文件中包含行内样式表的标签很多,或者一个网站中包含内部样式表的HTML文件很多,都会增加文件的大小,从而使服务器接受用户请求并反馈网页回来的传输速度受到影响。更重要的一个问题就是维护,网站投入使用后可能要经常修改,如果有大量网页需要修改样式,则这三种样式表修改效率高低依次是:外部样式表>内部样式表>行内样式表。
  在实际应用中,往往是三种样式表同时运用:网站的总体风格依靠外部样式表来定义,每个网站的网页都链接一个或几个固定的CSS文件;当某个页面需要特别的样式时,则在该页面上采用内部样式表;当页面的某个标签需要特别的样式时,在该标签上应用行内样式表。通过这样的方法,做到了共性与个性的统一,在变化与固定之间建立了比较好的平衡。
5.三种样式表的优先级别
  假设一个网页拥有多个样式表,那么浏览器该如何决定最终用什么效果来显示呢?这就需要排定次序,浏览器默认显示的从低到高的优先级别为:外部样式表<内部样式表<行内样式表。
  这样的排序实际上也很好理解,如果格式离内容越近,自然是该段内容需要这样的格式,因此浏览器要优先按照这样的样式规则来显示。网站建设公司本文关于“网站建设三种CSS样式的不同”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 

没有了

下一篇:

文章标题: 网站建设三种CSS样式的不同
本文地址:https://www.198bona.com/news/3550.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯