css教程:CSS文件应该保持整洁和统一

多米诺狂少

多米诺狂少

2016-02-19 23:14

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的css教程:CSS文件应该保持整洁和统一懂设计的网友们快点来了解吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)点击这里浏览本站 CSS 频道内容。

  一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整,需要剔除冗余的代码,在CSS样式重整方面,比较头疼,不仅需要对现有的样式进行合并与精简,还需要为网站增加换肤功能。

  不难看出,这是一个令人感觉很烦躁的工作,面对一行一行代码头皮发麻。如果我们养成良好的习惯,或许可以让工作更容易一些。就此问题与经验,以下的文字或许有很大的参考价值:

  使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情,但是我在这里依然会强调一下这种方法的重要性。我见过的许多站点,在创站之初,CSS文件很整洁,组织的也井井有条,但是随着时间的推移,这些文档由于内嵌的甚至内联(inline)的样式出现而变得杂乱无章,一方面可能是由于给予的更新期限很短,另一方面或许就是纯粹的由于懒惰。

  你正忙于一个拥有成千上万条的渠道内容同时出现的网站的大面积更新,给你的期限很短,所以你就选择了使用内嵌或者内联样式这样一些快速修补的方法。一些年过去了,习惯依然,直到有一天你被告知这个站点需要重新设计,但是所有的内容仍然不变,这个时候而你只有一个星期去完成。想象一下,这将是一个怎样的境况。

  其实这是很普遍的情况,更新样式表是一个再简单不过的任务,在你几年的快速修补之后,这些样式遍布了整个站点,相信你根本没办法记住他们在那里。所以现在你面对的只有2个选择:A、在一个星期之内找出一个方法去清理规整这些样式;B、找一份新的工作吧。

  千万不要将你的工作变得愈来愈困难。使用链接和导入样式表是你的不二之选。规范的创建并保持样式表的整洁,你会活得更容易一些。

  提示:小心使用链接或导入的方法会在标记上添加冗余的样式。每次你创建新的样式表,你都会更新要不就是添加新的样式,过多的外联样式不只会使补丁的修复变得困难,也会使样式表更难于维护。因此可以理解为什么大型站点会为不同的区块部分而去分离样式表。小心不要玩过火了,过犹不及。

  这里很值得提及一下的是过多的样式表将会使HTTP的请求数增加。这些都会潜在的影响性能。因此,Internet Explorer将链接的样式表数限制在了32个。

  请特别注意,在实际工作中,注意保持CSS文件整洁与样式统一。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

css教程:CSS文件应该保持整洁和统一

Web开发
css教程:CSS文件应该保持整洁和统一

CSS教程:按整洁易懂的结构组织CSS样式

Web开发
CSS教程:按整洁易懂的结构组织CSS样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css教程:css和document

Web开发
css教程:css和document

CSS初学者应该保持的一种心态

Web开发
CSS初学者应该保持的一种心态

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

家居风水:玄关应该保持整洁

玄关风水
家居风水:玄关应该保持整洁

CSS教程:文件命名规则

Web开发
CSS教程:文件命名规则

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

固态硬盘是不是玩游戏的最佳选择

固态硬盘是不是玩游戏的最佳选择

细说CSS3中的选择符

细说CSS3中的选择符
下拉加载更多内容 ↓