CSS规范 - 分类方法--（来自网易）

【CSS规范 - 分类方法--（来自网易）】的更多相关文章

CSS规范 - 分类方法

CSS文件的分类和引用顺序通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”.“特殊型样式”.“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号). 公共型样式:包括了以下几个部分:“标签的重置和设置默认值”.“统一调用背景图和清除浮动或其他需统一处理的长样式”.“网站通用布局”.“通用模块和其扩展”.“元件和其扩展”.“功能类样式”.“皮肤类样式”. 特殊型样式:当某个栏目或页面的样式与网站…

CSS规范 - 分类方法--（来自网易）

CSS文件的分类和引用顺序通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”.“特殊型样式”.“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号). 公共型样式:包括了以下几个部分:“标签的重置和设置默认值”.“统一调用背景图和清除浮动或其他需统一处理的长样式”.“网站通用布局”.“通用模块和其扩展”.“元件和其扩展”.“功能类样式”.“皮肤类样式”. 特殊型样式:当某个栏目或页…

CSS规范—分类方法（NEC规范学习笔记）

一.CSS文件的分类和引用顺序 Css按照性质和用途,将Css文件分成“公共型样式”.“特殊型样式”.“皮肤型样式”,并以此顺序引用,有需要可以添加版本号 1.公共型样式:包含以下几个部分标签的重置和设置默认值:比如定义a标签. 统一调用背景图和清除浮动或其他需统一处理的长样式: 网站通用布局: 通用模块和其他拓展: 元件和其拓展: 功能类样式: 皮肤类样式: 2.特殊型样式:当某个栏目或页面的样式与网站整体差异比较大或者维护率较高时,可以独立引用一个样式:“特殊的布局.模块和元件及拓展”.“…

NEC css规范

CSS规范 - 分类方法 SS文件的分类和引用顺序通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”.“特殊型样式”.“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号). 公共型样式:包括了以下几个部分:“标签的重置和设置默认值”.“统一调用背景图和清除浮动或其他需统一处理的长样式”.“网站通用布局”.“通用模块和其扩展”.“元件和其扩展”.“功能类样式”.“皮肤类样式”. 特殊型样式:当某…

CSS规范 - 优化方案--（来自网易）

值缩写缩写值可以减少CSS文件大小,并增加可读性和可维护性. 但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项. /* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是这个样式要关心的(如果设置了反倒会影响其他样式在这个容器上的使用), * 所以这时我们就不需要缩写 */ .f-mgha{margin-left:auto;margin-right:auto;} /…

CSS规范 - 命名规则--（来自网易）

使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用. NEC特殊字符:"-"连字符 "-"在本规范中并不表示连字符的含义. 她只表示两种含义:分类前缀分隔符.扩展分隔符,详见以下具体规则. 分类的命名方法:使用单个字母+"-"为前缀布局(grid)(.g-):模块(module)(.m-):元件(unit)(.u-):功能(function)(.f-):皮肤(skin)(.s-):状态(.z-)…

CSS function--（来自网易）

/* function */ .f-cb:after,.f-cbli li:after{;overflow:hidden;content:".";} .f-cb,.f-cbli li{;} .f-ib{;} .f-dn{display:none;} .f-db{display:block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-prz{;} .f-oh{overflow:hidden;}…

常用样式制作思路自定义按钮~自适应布局~常见bug seajs简记初学者必知的HTML规范不容忽略的——CSS规范

常用样式制作思路学习常用样式总结参考来自这里带点文字链接列表利用:before实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>图文列表</title> 6 <style type="text/css"> 7 li{list-style-ty…

css规范大全

一.文件规范 1.文件均归档至约定的目录中所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ul 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/location/ 电台 /css/radio/ 外联CS…

CSS规范 - 命名规则

使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用. NEC特殊字符:"-"连字符 "-"在本规范中并不表示连字符的含义. 她只表示两种含义:分类前缀分隔符.扩展分隔符,详见以下具体规则. 分类的命名方法:使用单个字母+"-"为前缀布局(grid)(.g-):模块(module)(.m-):元件(unit)(.u-):功能(function)(.f-):皮肤(skin)(.s-):状态(.z-)…