- 博客(7)
- 资源 (2)
- 收藏
- 关注
转载 Web技术中心代码规范-典型错误
不符合NEC规范的选择器用法.class{}不要以一个没有类别的样式作为主选择器,这样的选择器只能作为后代选择器使用,比如.m-xxx .class{}。.m-xxx div{}不要以没有语义的标签作为选择器,这会造成大面积污染,除非你可以断定现在或将来你的这个选择器不会污染其他同类。.g-xxx .class{}不要在页面布局中使用后代选择器,因为这个后代
2013-06-25 10:27:51
759
转载 Web技术中心代码规范-最佳实践
最佳选择器写法(模块)1234567891011121314151617181920/* 这是某个模块 */.m-nav{}/* 模块容器 */.m-nav li,.m
2013-06-25 10:26:46
559
转载 Web技术中心代码规范-优化方案
值缩写缩写值可以减少CSS文件大小,并增加可读性和可维护性。但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项。1234567/* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right,
2013-06-25 10:25:39
634
转载 Web技术中心代码规范 - 代码格式
选择器、属性和值都使用小写在xhtml标准中规定了所有标签、属性和值都小写,CSS也是如此。\单行写完一个选择器定义便于选择器的寻找和阅读,也便于插入新选择器和编辑,便于模块等的识别。去除多余空格,使代码紧凑减少换行。如果有嵌套定义,可以采取内部单行的形式。/* 单行定义一个选择器 */.m-listli,.m-list h3{width:100px;padding:10p
2013-06-21 11:03:29
676
转载 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
746
转载 Web技术中心代码规范-CSS命名规范
CSS文件的分类和引用顺序我们按照CSS的性质和用途,将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号)。1、 公共型样式:包括了以下几个部分:“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。2、 特殊型
2013-06-21 11:00:42
638
转载 10种重新定义人机交互的交互方式
摘要: 鉴于大多数人仍在使用传统键盘和鼠标/触控盘组合的传统交互方式,通过在空中挥动或与向钢铁侠中Jarvis一样的个人助理交谈来完成人机交互似乎是一个难以实现的梦想。 许多公司都在尝试,并希望在现有的科技水平下推动这个梦想的实现。他们的成果令人着迷,但往往和《星际迷...鉴于大多数人仍在使用传统键盘和鼠标/触控盘组合的传统交互方式,通过在空中挥
2013-05-31 15:19:02
3272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人