我发现前端开发人员一直在努力征服CSS。理由也很充分,开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV“浮”到左侧,感觉没有任何意义。
你也一定听到过开发人员的抱怨:“我们只需要向左边移动五个像素,但是天哪!为什么整个都向下移动了一行。到底是哪里错了?!?!?!”
?
根据我作为前端开发人员使用CSS的经验,下面是我的十个“不要”。
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都较为巨大,但每一【南充cad培训】 个都需要根据你的需要做出一点调整。当你得到一个更新的框架时,它将覆盖你的改变。与其深入挖掘庞大的CSS文件,还不如创建一个bootstrap-overrides.css文件,按照你的意愿调整框架,只是
7不要滥用 【南充会计证培训】!很重要
CSS的整体思路是,从一个到另一个地“层迭”样式。!重点是要记住排雷一样地踏遍所有早先的样式。: ?-)
8不要使用大量网络字体
这也是显而易见的,但有些人就是喜欢自己排版。只在网站上使用一个或两个(较多三个)网络字体,然后回归到浏览器默认设置,以保持网站的优化。
9不要手动编码所有的CSS
为了保持CSS的DRY,可以使用CSS预处理程序例如LESS或SASS。使用这些预处理【南充电脑培训】器的较大好处是,你可以定义变量,例如在上面定义配色方案,然后重复使用到所有CSS,而不必当你需要修改的时候追踪每个颜色。
10不要让CSS过于“臃肿”
空格会占用CSS文件的空间空间。由于我们都希望我们的CSS能够快速加载,因此在部署到网站之前较好使用CSS压缩工具来一次瘦身。
以上只是我作为一个开发人员在编写CSS时认为不应该做的事情。希望能帮助到各位前端同行!
总结:本文主要是解答【前端想拿万元月薪?CSS开发中的10个易错点一【南充电脑培训班】】南充清大软舰设计师培训学校【0817-2694333】★★零基础小班教学,学会为止专注于Java培训、大数据开发培训、Python人工智能培训、安卓开发培训、室内设计培训、UI设计培训等。南充电脑培训,南充电脑学校,南充电脑培训学校,南充电脑培训班,南充计算机培训,南充计算机学校,南充计算机培训学校,南充电脑短期培训班,南充会计培训,南充会计学校,南充会计培训学校10余年专业培训,双校区,教学设备一流,师资强大,技能+学历模式,0基础0首付,项目实战+带薪实训。
说明:(www.qdrj1999.com)清大软舰-西南IT培训知名教育品牌[清大软舰教育-清华北大精英创立]南充清大软舰计算机IT培训_南充电脑培训学校_南充清大软舰电脑培训_南充IT培训_南充清大软舰IT培训南充电脑培训班哪家好?多少钱?清大软舰IT培训,清大软舰设计师培训,南充电脑培训,南充电脑学校,南充电脑培训学校,南充电脑培训班,南充计算机培训,南充计算机学校,南充计算机培训学校,南充电脑短期培训班,南充会计培训,南充会计学校,南充会计培训学校,南充会计培训班,南充会计证培训,南充会计培训机构,南充会计培训中心,南充室内设计培训,南充室内设计培训班,南充室内设计培训机构,南充室内设计培训学校,南充平面设计培训,南充平面设计培训班,南充平面设计培训机构,南充平面设计培训学校,南充网页设计培训,清大软舰,南充清大软舰,南充清大软舰教育,清大软舰教育培训中心,清大软舰电脑学院,清大软舰电脑学校,清大软舰JAVA培训,清大软舰设计培训,清大软舰平面设计培训,清大软舰室内设计培训,南充网页培训,南充Photoshop培训,南充CorelDRAW培训,南充CAD培训,南充3DMAX培训,南充IT教育,南充软件工程师培训,南充软件开发培训,南充java培训,南充.NET培训,南充网络营销培训,南充UI设计培训,南充android培训,南充安卓培训,南充IOS培训,南充百度营销培训,南充电商培训, 南充电脑培训哪家好?南充电脑培训班多少钱? 南充计算机培训哪家好?南充计算机培训班多少钱? 南充平面设计师培训哪家好?南充平面设计师培训班多少钱? 南充PS培训哪家好?南充PS培训班多少钱? 南充CAD培训哪家好?南充CAD培训班多少钱? 南充室内设计师培训哪家好?南充室内设计师培训班多少钱? 南充网页设计师培训哪家好?南充网页设计师培训班多少钱? 南充UI设计师培训哪家好?南充UI设计师培训班多少钱? 南充软件开发工程师培训哪家好?南充软件开发工程师培训班多少钱? 南充JAVA软件开发工程师培训哪家好?南充JAVA软件开发工程师培训班多少钱? 南充电商培训哪家好?南充电子商务培训班多少钱? 详情请咨询客服!
联系电话:147-8171-7777(微信同号),180-8035-3433(微信同号),173-8367-1520(微信同号),173-8367-5520(微信同号),173-8367-7520(微信同号)
转载注明出处:/news/1297.html
