面向对象的CSS的作用和注意事项_html/css_WEB-ITnose
程序员文章站
2022-06-05 15:53:54
...
1)面向对象的CSS的作用:
1.1)加强代码复用,以便维护;
1.2)减小CSS体积;
1.3)提升渲染效率;
1.4)组件库思想、栅格布局可共用、减少选择器、方便扩展。
2)面向对象的CSS的注意事项:
2.1)不要直接定义子节点,应把共性声明放到父类;
2.2)结构和皮肤相分离;
2.3)容器和内容相分离;
2.4)抽象出可重用的对象,建好组件库,在组件库内寻找可用的元素组装页面;
2.5)往你想要扩展的对象本身增加class而不是他的父节点;
2.6)对象应保持独立性;
2.7)避免使用ID选择器,权重太高,无法重用;
2.8)避免位置相关的样式;
2.9)保证选择器相同的权重;
2.10)类名要简短、清晰、语义化,面向对象的CSS名字并不影响HTML语义化。
版权声明:本文为博主原创文章,未经博主允许不得转载。
上一篇: RocketMQ命令整理
下一篇: jquery实现动态表格
推荐阅读
-
CSS的pointer-events属性详细介绍(作用和注意事项)
-
css3中的content和实体_html/css_WEB-ITnose
-
自学篇之js 提取复选框和单选框的值 和纯css的3D按钮_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
css基准线研究:垂直对齐的实现-好的、差的和丑陋的_html/css_WEB-ITnose
-
tips 前端 背景与元素的透明和模糊_html/css_WEB-ITnose
-
表现和内容分离的优势_html/css_WEB-ITnose
-
jQuery实现的全选、反选和不选功能_html/css_WEB-ITnose
-
请问这段Tab选项卡的代码为什么不起作用?_html/css_WEB-ITnose
-
面向 Web 开发者的 Sublime Text 插件_html/css_WEB-ITnose