如何对css进行组织与架构

html-css035

如何对css进行组织与架构,第1张

首先关于CSS文件,我一般只使用一个文件,这无关于网站的大小,网站越大,某种意义上我这种做法的优势与潜力就会体现的越明显。我这种单CSS文件的做法适合于web2.0的网站

让网站单CSS谁都会,关键是为何可以使用单CSS文件,这个CSS文件不会很大吗,如果一个网站有400个页面,那么这个CSS文件岂不要数百K。非也,在网站页面风格一致,在web系统结构良好的情况下,CSS文件可以控制的非常小,而且高性能,同时页面扩展性也非常好。下面就开始一点一点的展示,内容较多,需要慢慢来~~

1、整体概述

页面布局与文章内容显示需要,我将整体架构做成了一张图片,见下图:

2、关于CSS reset

CSS reset(css重置)基本上是不需要的,至少可以说80%的的CSS reset都是没有必要的,反而增加了页面CSS 的overwrite,尤其像开心网*{margin:0}这样子业余的做法更是要不得(反而破坏了很多UI的兼容性,比如说单复选框等)。我不是一概鄙弃CSS reset,有些常用标签我也是会简单重置一下的,而且会避免overwrite(样式重写),以保证样式最精简,渲染最高效。如下代码示例:

合易认为:根据电商创业发展所在的不同阶段、不同规模,电商团队的配置会有非常大的灵活性,可以是初创期1~2个人组成的简单结构,也可以是成熟期多个事业部员工组成的复杂架构。针对电商创业公司有以下几种组织架构可供参考:1、简单架构,可以在总经理下设置运营、美工、采购、客服和库管等必要岗位,每个岗位基本都是一岗一人或一人兼多岗。2、职能型架构,即设立如运营部、设计部、采购部、仓管部、行政部等相关职能,对于有一定积累或者企业本身有实力投入,从零领开始组建专业团队的,很多是组建职能型组织,这种组织可以更好、更迅速地将电子商务项目运作起来,同时也更能吸引专业型的电商人员。3、项目型架构,即按公司是多项目、多店铺运作,而且各职能岗位工作人员需求都较多的时候,往往会开始实行项目型结构。各项目组之间相互独立,每个项目组领导直接管理所属员工并对项目整体运营结果负责。4、网络型架构,即职能外包方式,有些传统品牌并不直接设立自己的电商部门,而是将不同的工作分别外包给对应服务公司去做,比如视觉外包、运营外包、推广外包、客服外包、仓储外包等。这种架构下,一般只设立一个岗位,那就是项目主管/经理,负责内部研发、营销部门和外部服务公司信息的交流和工作的协调,工作成果直接向总经理汇报。