摘要：
左侧自适应 右侧定宽 /* 两列左侧自适应布局 */.g-bd2{margin:0 0 10px;}.g-sd2{position:relative;float:right;width:230px;m... 阅读全文
摘要：
左侧定宽 右侧自适应 /* 两列右侧自适应布局 */.g-bd1{margin:0 0 10px;}.g-sd1{position:relative;float:left;width:190px;ma... 阅读全文
摘要：
html template概述包含完整头部信息和主体结构的HTML基础模板。代码展示更好的CSS方案 ... 阅读全文
摘要：
概述 通过媒体查询为不同的设备和大小配置不同的样式。代码展示/* media *//* 横屏 */@media screen and (orientation:landscape){ }/* 竖屏 */@media screen and (orientation:portrait){ ... 阅读全文
摘要：
不符合NEC规范的选择器用法 .class{} 不要以一个没有类别的样式作为主选择器，这样的选择器只能作为后代选择器使用，比如.m-xxx .class{}。 .m-xxx div{} 不要以没有语义的标签作为选择器，这会造成大面积污染，除非你可以断定现在或将来你的这个选择器不会污染其他同类。 .g... 阅读全文
摘要：
最佳选择器写法（模块）/* 这是某个模块 */.m-nav{}/* 模块容器 */.m-nav li,.m-nav a{}/* 先共性 优化组合 */.m-nav li{}/* 后个性 语义化标签选择器 */.m-nav a{}/* 后个性中的共性 按结构顺序 */.m-nav a.a1{}/*... 阅读全文
摘要：
值缩写 缩写值可以减少CSS文件大小，并增加可读性和可维护性。 但并非所有的值都必须缩写，因为当一个属性的值缩写时，总是会将所有项都设置一遍，而有时候我们不希望设置值里的某些项。/* 比如我们用下面这个样式来让某个定宽的容器水平居中，我们要的只是left和right， * 而top和bottom不是... 阅读全文
摘要：
CSS那些事！这个篇幅是我特意开的，不是因为帮助小菜之类的，而是在多人的团队配合中各种命名冲突的规范让人蛋疼。css这个东西只要不是新的离谱都会写，但是每个人的命名风格，方法，都不同有人喜欢驼峰，有人觉得-不错，有的人觉得_很方便，最后有的英文命名，有的干脆拼音。。。。囧http://www.cnb... 阅读全文
摘要：
选择器、属性和值都使用小写 在xhtml标准中规定了所有标签、属性和值都小写，CSS也是如此。单行写完一个选择器定义 便于选择器的寻找和阅读，也便于插入新选择器和编辑，便于模块等的识别。去除多余空格，使代码紧凑减少换行。 如果有嵌套定义，可以采取内部单行的形式。/* 单行定义一个选择器 */.m-l... 阅读全文
摘要：
使用类选择器，放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS，就无法重用。NEC特殊字符："-"连字符"-"在本规范中并不表示连字符的含义。她只表示两种含义：分类前缀分隔符、扩展分隔符，详见以下具体规则。分类的命名方法：使用单个字母+"-"为前缀布局（grid）（.g-）；... 阅读全文
摘要：
CSS文件的分类和引用顺序 通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。 我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。 公共型样式：包括了以下几个部分：“标签的重置和... 阅读全文
摘要：
/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.f-cb,.f-cbli li{zoom:1;}.... 阅读全文
摘要：
重置样式，清除浏览器默认样式，并配置适合设计的基础样式（强调文本是否大多是粗体、主文字色，主链接色，主字体等）。 阅读全文
摘要：
就算世界再坑爹，总有一些属性能带你走出绝望（伟大的absolute）今天吐槽一下！......在我的世界里没有正统UI，所以效果图永远都是那么坑爹！这里我要感谢有个position：absolute; T_T当遇到各种不合理布局的时候，至少还有它吐槽完毕！！！这个就是一个简单的图片截取工具！！简陋... 阅读全文