CSS最佳实践 1
这是本人学习CSS得一些心得,觉得很有用,希望对大家也有所帮助。
1. 如何写CSS友好的HTML.
大家知道要是自己的页面兼容不同厂商,不同版本的浏览器简直就是一场噩梦。一方面是因为不同浏览器的差异性,还有更重要的是我们自己写
的HTML不规范。我觉得每个HTMl标签都有它的特定的用途,有它的书写规范,我们必须遵守这些规范,不能舍近求远,不用废弃的标签和属性,
就可以减少浏览器不兼容的问题。以下是我们应该注意的几点.
1). 一个页面只用一个h1.
2). 重要性不同的内容要用不同级别的header (h1, h2, h3).
3). 段落标签p用于整段文本。
4). 无序列表ul一般用于几个相关的item, 比如导航条,子标题,或帮助条目。
5). 有序列表ol一般用于一个用于表示步骤,有序列表等。
6). 定义一连串术语(term)使用dl(definition list), dt(definition term)和dd(definition description).
7). 要使用一段引用的文本的使用blockquote(多行)或q(单行)
8). 使用cite来引用书名,报纸头条,网站. address用来显示本页作者的联系信息,或copyright.
9). 尽量不要为标签添加控制显示的属性。
10). 如果找不到符合需要的标签才考虑用div和span.
11). 一定要使标签结束,包括br, img.
12). 一定要有Doctype. Doctype在xhtml中是必须的,在html中声明doctype也是一种好的习惯,因为它会影响页面在浏览器中的显示,浏览器会根据不同的doctype而使用的不同的rule来解释执行页面元素。不声明doctype还可能会导致不同浏览器显示存在差异.
相关文档:
filter:filtername(parameters)
filter是滤镜属性选择符;filtername是滤镜属性名
alpha透明度: opacity finishopacity style startX startY finishX finishY
blur模糊:add direction strength
chroma指定颜色透明:color
dropshadow投射阴影:color offx offy positive
fliph水平翻转
flipv垂直翻转
glow对象的外边 ......
/* 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
* ba ......
作为一个资深并且专业的扒皮人员,在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。
在扒皮过程中,必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件,其中可能会有上百个需要下载的图片,那么使用下面这段小代码是最为合
适的了。
< ?php
/* ......