Maison > interface Web > tutoriel HTML > 面向对象的CSS的作用和注意事项_html/css_WEB-ITnose

面向对象的CSS的作用和注意事项_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:38:41
original
920 Les gens l'ont consulté

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语义化。


版权声明:本文为博主原创文章,未经博主允许不得转载。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal