当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS 样式表书写风格分析

CSS样式表
css important终级讲解
HTML 页面输出应该遵循的几点原则分析小结
Google 谷歌内页logo的呈现方式(图片下面有文字)
10个DIV+CSS需要注意的问题
最常用和实用的CSS技巧
CSS 首行缩进两个文字
黑客选择CSS挂马 CSS挂马攻防实录
制作高效可维护组件化的CSS代码
验证并修复css错误内容的相关连接
html+css实现数据图表的展示效果
减少代码和语义化标签实现方法
3个css框架分享网站
简单但很实用的5个css属性
DIV+CSS的叫法是不准确的
CSS 使用table布局网页是不明智
xHTML+CSS与SEO的关系
CSS 控制页面样式的4种方式和优先级问题
CSS教程 CSS选择器
CSS 选择器命名规范化
CSS 理解盒子模型

CSS样式表 中的 CSS 样式表书写风格分析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 47 ::
收藏到网摘: n/a

关于书写习惯,遵循曾经 总结过的风格 标准,现在一点都没有变。并且近来翻看高手作品,横向连排似乎在大产品项目中逐渐成为主流,个人认为如此维护效率的确更高,并且未来显示器肯定是朝越来越大、越来越宽发展。 

       通常我维护别人作品第一步都是调整空格,基本下图这个造型的样式表都是我写的,只有我这种眼里不揉沙子的人才对多个、少个空格如此敏感。至于效果上有什么影响,不妨对比参考。代码编辑器对同行数定位做的都比较好,因此我们要解决的是如何快速纵向定位目标。



       并且我观察到最近流行的栅格化、渐进增强等设计理念,都可以很好应用到样式表设计上。好代码应该清晰上下、左右分级,适当的分块、留白将有助于模块化设计,大大提高可扩展性、可复用性、可维护性。总的来说,书写有如下四个方面值得探讨,并积累个人(团队)习惯:
1.命名
2.排版模式化
3.属性定义顺序
4.注释格式

       如果再加上各种Hack语法,以及-moz-, -webkit-等私有定义,这个事情复杂无比。不过在组织角度可以轻而易举想到,应该把它们独立出来并分开调用。学问很深,先整理思路,有空再好好探讨总结。下图是最近改个人网站的代码片段: