经验分享 使用CSS最佳习惯

开发 前端
大多数技术都有自己约定俗成的标准,CSS也不例外,这里向大家描述一下使用CSS最佳习惯,虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。

CSS布局有很多值得学习的地方,本文和大家重点讨论一下使用CSS最佳习惯,虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与结构分离开来。

CSS经验分享:使用CSS最佳习惯

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

1:增加站点的寿命

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

2:让你的站点对所有的用户以及浏览器都适用。

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

3:让站点更新和维护更加轻松。

使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。

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

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

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

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

【编辑推荐】

  1. CSS中link和import的区别
  2. CSS网页布局中文字排版九大技巧
  3. CSS3八大新功能闪亮登场
  4. 实用但不被IE支持的十大CSS属性
  5. CSS中id与class命名规则及编码最佳习惯

 

责任编辑:佚名 来源: 52css.com
相关推荐

2013-03-28 11:02:26

CSS浮动

2011-07-14 22:04:16

VC++

2010-09-01 13:44:23

idclassCSS

2011-07-07 15:36:51

PHP

2011-07-07 15:48:22

PHP编程习惯

2011-07-07 15:26:28

PHP编程习惯

2011-04-06 09:33:40

Push动互联网

2022-06-06 11:55:12

Flink字节跳动State

2011-04-18 10:56:41

PythonDropBox

2010-04-17 12:48:33

2015-09-01 14:45:41

苹果彭博Mesos

2009-09-28 10:52:00

CCNA考试经验CCNA

2012-09-03 10:39:13

Hadoop管理员

2020-07-01 07:00:00

CSSCSS框架前端

2010-09-08 12:55:34

CSS

2010-09-02 15:48:47

CSSvisibility属

2011-07-15 17:35:19

JavaScript

2011-05-16 17:36:05

SEO

2009-12-07 11:11:46

PHP显示图片

2009-10-15 10:59:00

CCNA经验分享CCNA
点赞
收藏

51CTO技术栈公众号