使用 CSS 大概也有三四个月了,仔细回想了一下这三四个月所写下的CSS,发现都是挺杂乱的。几乎页面的任何一个元素,都有它自己的style,满篇的
float:left;
display:block;
color:#666;
没有 一种看到就很清爽的样子,而且 给 CSS 文件的大小带来很大的影响。
回想了下,其实大不必这样,可以采用 诸如以下的代码,来提高重用性,也能让页面的可读性变得更强!
1 2 3 4 5 | fl{ float : left ;} fr{ float : right ;} w 1200 { width : 1200px ;} black { color : #000 ;} bold { font-weight : bold ;} |
CSS 这样写后,只需要在 需要该样式的元素的class,把class 添加上去即可。
<div class="fl w1200 black bold"></div>
不过虽说这样会提高 CSS 的重用性,能省下CSS里不少的语句,但不是没有弊端的!
如果需要 字体颜色 从 .black 改为 .red ,这时候是将 页面上的 class 全部换成 red 还是 直接去CSS里把 black{color:red;} ?
前者费心费力,后者更是不现实。
所以,个人理解为 CSS 可以稍微提高 重用性,但是不能太依赖,不然以后修改起来,工作量也不少!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步