CSS教程:Mozilla建议的css书写顺序

2016-02-20 00:23 13 1 收藏

下面图老师小编要向大家介绍下CSS教程:Mozilla建议的css书写顺序,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

css书写顺序,据网上说这个是Mozilla建议的

显示属性

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)display
list-style
position
float
clear


自身属性

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)width
height
margin
padding
border
background


文本属性

color
font
text-decoration
text-align
vertical-align
white-space
other
textcontent

来源:http://www.tulaoshi.com/n/20160220/1631768.html

延伸阅读
标签: Web开发
/*******************************************************************************/ 不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不...
标签: Web开发
这个CSS书写格式是我自创的,常有朋友提出异议,这里做个简单总结: 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开; 分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐; 分断,每个定义内的每个属性定义之间,用分号+空格隔开,注意定义语句与分号间无空格,{}内前有空格而后无空格; 连排,...
标签: Web开发
纵向书写特点: 每个CSS属性独立一行,一般不会出现换行或横向滚动条。 可以通过firebug等工具查找到模块,在DW中ctrl+g行定位,修改方便。 属性段落间有缩进,保证了代码的整洁,层次清楚,符合编程语言代码规范,修改更加直观。 存在的问题:代码冗余(如空格符、tab符、换行符);文件大小增加;容易出现纵向滚动条。 横向书写特点...
标签: Web开发
纵向书写特点: 每个CSS属性独立一行,一般不会出现换行或横向滚动条。 可以通过firebug等工具查找到模块,在DW中ctrl+g行定位,修改方便。 属性段落间有缩进,保证了代码的整洁,层次清楚,符合编程语言代码规范,修改更加直观。 存在的问题:代码冗余(如空格符、tab符、换行符);文件大小增加;容易出现纵向滚动条。 横向书写特点: ...
标签: Web开发
1. 标签内的多个属性之间,只要空一隔,不需要 逗号    a href="brand_me.html" target="browser_page" 2. CSS :选择器内的属性的多个值,也不要用符号隔开,只要空一隔    background: #ccc url(pattern.fif) repeat-x; 3. JavaScript语句的写法,下面是一些例子:     ◇ window.open("some_url","...

经验教程

708

收藏

36
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部