时间:2021-05-08
以前在程序中,有美工设计好了静态页面,而我们程序员将其整理成动态页面(例如jsp页面),一般程序员是不会管像图片、样式这样的东西,直接拿来就用了。这时可能出现下面几个问题:
1 修改过几次后,会出现无用的样式或者图片;
2 不同页面所用的样式可能在一个css文件中,查找起来非常的麻烦。
3 没有良好的结构,对以后的扩展(例如换肤)非常不利
4 样式或者图片名称起的很随意或者不符合实际要求,对理解有一定的影响。
下面是总结的一些css使用约定:
1尽量使用外部链接的方式引入css
2 css文件开发版本中尽量加入样式注释
3 css命名规则:
css文件名称建议具有实际意义,例如,公用css可以命名为cmm.css、邮件专用css可以命名为:mail.css
4 css样式命名规则:
样式命名建议根据实际用途进行命名,例如,用于标题的样式可以.title{};
尽可能的保证不同css中定义的样式不会发生命名上的冲突,以免造成不必要的相互影响
5 css用到的图片放置规则:
Css用到的图片,主要是背景。可以按照如下规则去做:
在css文件相同目录下建立文件夹images.在images下新建与css同名的文件夹(不带.css后缀名称),css文件的图片均放在这里面,demo3.html
详见示例:demo3.html
6建议将布局css与皮肤css分开编写。
布局Css即那些对网站骨骼结构产生影响的css,比如宽高、border、margin等等。
皮肤CSS指的是诸如颜色、背景图片这样的,不会对页面骨骼结构产生影响的css。这里分开,主要是为了以后的换肤功能,如不实现换肤的话,可以写在一起。
7布局css如果只用到一次(在一个页面中的一处地方使用),可以写在页面中,甚至直接写在html元素中,如果用到2次以上(同一页面或者不同页面中),必须归纳出来形成独立的css。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
几个常用CSS属性的简短写法精简CSS代码有很多种方法,但其中最常用的方法可能就是使用属性的简短形式。具有简短写法的CSS属性很多,但是常用的属性无外乎字体、列
本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下:JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实
1.先引入switchery.css和switchery.js2.绘制checkbox按钮:a.静态页面写法未选中时选中时b.C#写法(1)@Html.Chec
本文实例讲述了ThinkPHP中Widget扩展的两种写法及调用方法。分享给大家供大家参考,具体如下:Widget扩展一般用于页面组件的扩展,在页面根据需要输出
什么是less?Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护和扩展。引言现在前端的vue框架