欢迎光临重庆协创IT国际认证中心!

收藏本站 .网站地图 .联系我们

20年认证人才培训品牌

咨询热线:

023-65111115
023-65111116
  • 重庆协创教育
  • 协创教育_IT培训
  • 协创教育_国际认证
  • previous
  • next
您所在的位置:首页 > 新闻中心

重庆web前端CSS开发中牢记10个不要

2017-12-12
投稿人:管理员

摘要:重庆协创IT世界认证中心是一家专业重庆IT训练中心,要点课程有:重庆IT训练、华为、思科、大数据训练、网络工程师、红帽Linux、ORACLE数据库、OCA、OCP、OCM、RHCE、RHCA训练等.重庆IT训练报名电话:023-65111115.

开发人员是用逻辑考虑的生物。添加一个DIV元素导致一切代码都不得不往下移一行,而另一个DIV”浮”到左边,感觉没有任何含义。下面重庆协创教育的训练老师为我们共享一下运用CSS的经历。

web图

1、不要乱用类

在有含义的地方运用ID而不要运用类。这是一个使得浏览器可以更快拜访DOM元素的办法。

2、不要把一切都扔进一个CSS文件中

分区CSS使其更易于办理。每一个CSS文件都可以分解成例如header.css、footer.css等逻辑组件。

3、不要命名选择器为”.red-with-green-dashed-lines”(红绿虚线)

依据页面上的组件命名你的选择器。例如:”header-left”,”content-title”或”content-date”更具描述性。

4、不要忘掉注释

注释在CSS中非常重要,可用来理解每个款式怎么与其他款式相关以及什么色彩计划适用于哪些组件。

5、不要惧怕开发东西

现在的每个浏览器都有自己的一套开发东西,通常是按F12。这些东西在”调试CSS”时至关重要。

6、不要惧怕掩盖

当然,CSS结构,例如Bootstrap和Foundation都较为巨大,但每一个都需求依据你的需求做出一点调整。当你得到一个更新的结构时,它将掩盖你的改动。与其深化挖掘巨大的CSS文件,还不如创建一个bootstrap-overrides.css文件,按照你的志愿调整结构,仅仅…

7、不要乱用

CSS的整体思路是,从一个到另一个地”层叠”款式。 !要点是要记住排雷一样地踏遍一切新近的款式。

8、不要运用很多网络字体

这也是清楚明了的,但有些人就是喜爱自己排版。只在网站上运用一个或两个(最多三个)网络字体,然后回归到浏览器默认设置,以坚持网站的优化。

9、不要手动编码一切的CSS

为了坚持CSS的DRY,可以运用CSS预处理程序例如LESS或SASS。运用这些预处理器的最大优点是,你可以界说变量,例如在上面界说配色计划,然后重复运用到一切CSS,而不必当你需求修正的时分追寻每个色彩。

10、不要让CSS过于”臃肿”

空格会占用CSS文件的空间空间。由于我们都期望我们的CSS可以快速加载,因此在布置到网站之前最好运用CSS压缩东西来一次减肥


您的评论

评论者: 请填写您的姓名,方便我们联系您
评论内容:
请填写您的评论内容, 内容不能超过200字哟!有您的支持,是我们不断前进的动力,感谢您的支持!
  
相关评论更多
Copyright: Chongqing Co-Founder of Network Technology Education Center (c) 2005-2021 All Rights
版权所有:重庆协创IT国际认证中心(c)2005-2011 All Rights 网站备案号:渝ICP备17014127号-1
地址:重庆市沙坪坝区小龙坎新街86号嘉多利广场11-7     联系电话:023-65111115   023-65111116
站长统计 技术支持:重庆网络推广专家