html的组织顺序是什么,css如何组织？

css如何组织？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

前端工程师在开发一个单页面或者小网站的时候有可能不会在意CSS的组织问题，但如果要开发一个中大型的网站，就要好好的组织CSS文件，不然会增加维护成本，整个网站的结构也没条理性。

如何组织CSS？一般常用的方法是按功能划分，分为三大类：

1、base类

base类是css最底层的类，也就是通用原子类，具有高度可移植性、精简、通用，基本不需要维护。内容主要是一些CSS重置代码和常用的类，如.w100{width:100;}，.fl{float:left;display:inline;}之类。

2、common类

common类位于中间，是组件类，也就是各个功能模块，把网站常用的元素拆分成各个复用性很高的小模块，注意的是最好由一人负责，统一管理。

3、page类

page类位于最高，复用性最低，尽量分开写，或者分块写，写明注释。page类越简单越好，能用上述两者解决的尽量用上述两者。

更多web开发知识，请查阅 HTML中文网！！

html的组织顺序是什么,css如何组织？相关推荐

css显示组织架构图,纯CSS实现组织架构图
先上张图 Css 代码如下: div#contain { width:1000em; background:#fff; font-family:verdan; } ul#xflow { float: ...
Atitit.css 规范 bem 项目中 CSS 的组织和管理
Atitit.css 规范 bem 项目中 CSS 的组织和管理 1. 什么是BEM?1 1.1. 块(Block)2 1.2. 元素(Element)2 1.3. BEM树(和DOM树类似).3 ...
八、非规则组织分析及其数学模型——平纹变化组织
非规则组织顾名思义,无法通过一个数学模型来描述所有的非规则组织.对于每一个具体的非规则组织而言,其也有一定的规律性可循,即可通过分析每一个具体的非规则组织的组织点运动规律来建立相应的数学模型. 一.平 ...
【图形设计】什么是组织架构图？如何画组织架构图
什么是组织架构图?组织架构图即用于呈现组织构架的图示,通常也可以称为组织结构图,是一种用于直观反映群体关系内组织构架的图表. 一.组织架构图的作用组织架构图作为一种反映群体内组织架构情况的图示,不仅 ...
纯CSS 实现组织架构图，学习
先上张图 Css 代码如下: div#contain { width:1000em; background:#fff; font-family:verdan; } ul#xflow { fl ...
Confluence 修改页面的组织顺序
Confluence 允许你将页面按照任何你选择的顺序进行显示.页面的顺序将会对下面位置中的内容产生影响: 边栏中的导航区域,请参考找到内容页面中的说明. 在查看空间的所有页面界面中的树结构. ...
mysql innodb 索引组织表_Mysql InnoDB引擎 -索引组织表
在InnoDB 存储引擎中,表都是根据主键顺序组织存放的,这种存储方式的额表称为索引组织表.在InnoDB存储引擎表中,每张表都有个主键(Primary key),如果在创建表时没有显示地定义主键, ...
计算机组织与结构实验报告,计算机组织与结构实验报告四
计算机组织与结构实验报告四 (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分实验四.数据通路实验一. 实验目的及要求1. 进一步熟悉TE ...
钉钉如何调整组织架构_阿里宣布新一轮组织架构调整：明确大文娱一号位，钉钉进入阿里云...
组织架构调整素来频繁的阿里巴巴又一次有了新动作. 6 月 18 日,逍遥子张勇在全员内部信中宣布了阿里巴巴新一轮组织架构调整,这是由张勇主导的第五次组织架构调整. 据悉,本次组织架构调整的主要目的是充 ...

html的组织顺序是什么,css如何组织？

html的组织顺序是什么,css如何组织？相关推荐

最新文章

热门文章