CSS样式表最佳习惯

2016-02-19 23:32 7 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享CSS样式表最佳习惯教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

  大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与结构分离开来。这样做的好处在于:

  1:增加站点的寿命
  不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  2:让你的站点对所有的用户以及浏览器都适用。
  有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备,比如听力浏览器,对CSS规范性要求极其严格。

  3:让站点更新和维护更加轻松。
  使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:

  Inline CSS;简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与结构分离开。DW MX使用Inline CSS主要是为了定位页面元素(这些元素在DW MX的用户界面中称为层(layer)),或者为了使用某个DHTML特效,它需要使用Inline 样式的Javascript来改变一个对象的属性。

  Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。

  External CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。

来源:http://www.tulaoshi.com/n/20160219/1630110.html

延伸阅读
    CSS(Cascading Style sheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,尤其是在设计者面对有数百个网页的站点时,大大减少了重复劳动的工作量。 W3C(The World Wide...
在学习中遇到问题可以到 论坛 发贴交流! 本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html)...
标签: Web开发
从技术上讲,你可以将样式您想要的位置。 不过, HTML规范的建议,将他们放在文件头标记。 主要的好处是,您的网页加载速度似乎更快一些。 head       title应把所有CSS样式都放在Head Tag - www.webjx.com/title       link rel="s...
标签: Web开发
不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}; 不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会...
标签: Web开发
先给出函数。 01. var addSheet = function (){ 02.   var doc,cssCode; 03.   if (arguments.length == 1){ 04.    doc = document; 05.    cssCode = arguments[0] 06.  } else if (arguments.length == 2){ 07.    doc = argu...

经验教程

819

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部