web前端css
八点
悲剧将人生的有价值的东西毁灭给人看,喜剧将那无价值的撕破给人看...
展开
-
Web技术中心代码规范-CSS命名规范
CSS文件的分类和引用顺序我们按照CSS的性质和用途,将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号)。1、 公共型样式:包括了以下几个部分:“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。2、 特殊型转载 2013-06-21 11:00:42 · 648 阅读 · 0 评论 -
Web技术中心代码规范 - 命名规则
分类的命名方法:使用单个字母+"-"为前缀布局(grid)(.g-);模块(module)(.m-);元件(unit)(.u-);功能(function)(.f-);皮肤(skin)(.s-);状态(.z-)。后代选择器命名l 约定不以单个字母+"-"为前缀且长度大于等于2的类选择器为后代选择器,如:.item为m-list模块里的每一个项,.text为m-list模块里的文本部分:.转载 2013-06-21 11:02:02 · 763 阅读 · 0 评论 -
Web技术中心代码规范 - 代码格式
选择器、属性和值都使用小写在xhtml标准中规定了所有标签、属性和值都小写,CSS也是如此。\单行写完一个选择器定义便于选择器的寻找和阅读,也便于插入新选择器和编辑,便于模块等的识别。去除多余空格,使代码紧凑减少换行。如果有嵌套定义,可以采取内部单行的形式。/* 单行定义一个选择器 */.m-listli,.m-list h3{width:100px;padding:10p转载 2013-06-21 11:03:29 · 687 阅读 · 0 评论 -
Web技术中心代码规范-优化方案
值缩写缩写值可以减少CSS文件大小,并增加可读性和可维护性。但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项。1234567/* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right,转载 2013-06-25 10:25:39 · 652 阅读 · 0 评论 -
Web技术中心代码规范-最佳实践
最佳选择器写法(模块)1234567891011121314151617181920/* 这是某个模块 */.m-nav{}/* 模块容器 */.m-nav li,.m转载 2013-06-25 10:26:46 · 567 阅读 · 0 评论