校内网代码 收藏本站
设为首页
本站地图
校内网代码 | 校内网涂鸦板代码 | 校内网CSS代码 | 代码成品 | 男生代码 | 女生代码 | 校内网音乐代码 | 校内网背景代码 | 代码教程
  您当前位置:校内网代码 >> 校内网代码教程 >> xhtml+css网页布局注意的CSS书写顺序
xhtml+css网页布局注意的CSS书写顺序
来源:校内网 时间:11-30 本站地址:WWW.XNCSS.ORG 字体:


/* -------------CSS代码复制开始------------- */

#www.xncss.org {}
/* 此代码由 XNCSS校内网代码(www.xncss.org) 收集/整理/调试 */
  我们运用xhtml+css网页布局,实现表现与结构的分离,表现部分的css文件非常重要,也比较繁杂,我们在书写CSS文件时有很多属性和值,我们就考虑到了书写顺序的问题。
  有时候是先写了margin或color,然后再写width和height等等。我们有没有必要让我们的编码更加的工整,更加的科学呢?实践证明,书写工整、按一定的规则进行书写是很有好处的。
  下面是Mozilla Firefox所建议的CSS书写顺序,对我们的代码书写很有参考价值:

 Example Source Code [www.xok.cc]
* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
点击复制本文地址→传给QQ(QQ群)上的好友一起分享或粘贴到自己的QQ资料中方便下次查看.
 推荐内容 - 你可能喜欢的                     热门内容 - 看看大家都喜欢什么
XNCSS校内网为高校大学生提供校内网代码,校内网涂鸦板代码,校内网CSS代码,校内网背景代码以及校内网音乐代码
Copyright © 2007-2008 校内网代码 All Right Reserved.
本站校内网代码为网上收集,如有侵犯您的版权,敬请来信告之!