- 博客(7)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 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关注的人