用CSS约定写法详解
以前在程序中,有美工设计好了静态页面,而我们程序员将其整理成动态页面(例如jsp页面),一般程序员是不会管像图片、样式这样的东西,直接拿来就用了。这时可能出现下面几个问题:
1 修改过几次后,会出现无用的样式或者图片;
2 不同页面所用的样式可能在一个css文件中,查找起来非常的麻烦。
3 没有良好的结构,对以后的扩展(例如换肤)非常不利
4 样式或者图片名称起的很随意或者不符合实际要求,对理解有一定的影响。
下面是总结的一些css使用约定:
1尽量使用外部链接的方式引入css
2 css文件开发版本中尽量加入样式注释
3 css命名规则:
css文件名称建议具有实际意义,例如,公用css可以命名为、邮件专用css可以命名为:
4 css样式命名规则:
样式命名建议根据实际用途进行命名,例如,用于标题的样式可以e{};
尽可能的保证不同css中定义的样式不会发生命名上的冲突,以免造成不必要的相互影响
5 css用到的图片放置规则:
Css用到的图片,主要是背景。可以按照如下规则去做:
在css文件相同目录下建立文件夹images.在images下新建与css同名的文件夹(不带后缀名称),css文件的图片均放在这里面,
详见示例:
6建议将布局css与皮肤css分开编写。
布局Css即那些对网站骨骼结构产生影响的css,比如宽高、border、margin等等。
皮肤CSS指的.是诸如颜色、背景图片这样的,不会对页面骨骼结构产生影响的css。这里分开,主要是为了以后的换肤功能,如不实现换肤的话,可以写在一起。
7布局css如果只用到一次(在一个页面中的一处地方使用),可以写在页面中,甚至直接写在html元素中,如果用到2次以上(同一页面或者不同页面中),必须归纳出来形成独立的css。
-
PHP开发工程师的具体职责14篇
PHP开发工程师的具体职责1职责:1、对公司新的网站项目、系统项目、小程序项目进行开发;2、维护支持公司现有的网络和系统平台工作运行;3、按时、独立、高质量地完成工作,确保相关代码逻辑的正确性及健壮性;4、开发、维护、升级和优化系统,并能快速定位并及时修复...
-
SQL语句类型的标准模式
1、查询语句:主要是由select关键字完成2、事务控制语句:主要由commit、rollback和savepoint三个关键字完成3、DML(数据操作语言)语句:主要由、update和三个关键字完成4、DDL(数据定义语言)语句:主要由create、alter、drop和truncate四个关键字完成5、DCL(数据控制...
-
学习JavaScript的7个理由
为什么要学习JavaScript?学习JavaScript对我们的工作有什么帮助么?下面YJBYS小编为大家讲解!需求我之所以这样说的主要原因是,随着JavaScript的日渐成熟,以及方案变得越来越可行,我们对JavaScript程序员的需求正在持续增长。JavaScript在需求比例上已经超过了C#,仅...
-
SQL的SUBSTR 函数的使用方法介绍
SUBSTR函数是用来截取数据库某一列字段中的一部分。在各个数据库的函数名称不一样(真是蛋疼,后发明的`数据库难道不能同先发明的一样吗?)复制代码代码如下:MySQL:SUBSTR(),SUBSTRING()Oracle:SUBSTR()SQLServer:SUBSTRING();常用的方式是:SBUSTR(str,pos);就是从pos...