名站导航为爱好css的朋友们提供相关的知识。
CSS教程 约定写法 利用扩展
以前在程序中,有美工设计好了静态页面,而我们程序员将其整理成动态页面(例如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教程。
- 此篇文章具体介绍如下
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: <#div id=”imfloat”> 相应的css教程为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*
关于css的相关的知识就说到这里希望能够可以帮助更多的朋友们。,CSS,浏览器兼容CSS教程 柱状图实现代码其实很简单