原文链接：http://www.fendou163.cn/article/20090115/24807.html
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。
为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件，和图像相比相对较小，所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是，通过使用CSS缩写以及其他的一些简单技巧，你可以在很大程度上减少样式表的大小。在我对自己样式表的一次非正式的特别测试中，我把文件的大小降低了大约25-50%。
使用CSS的缩写性质
CSS的缩写性质(shorthand property)是一些专用的性质名，用来代替多个相关性质的集合。例如，间隙性质(padding property)是顶部间隙(padding-top)、右侧间隙(padding-right)、底部间隙(padding-bottom)和左侧间隙(padding-left)的缩写。
使用速写� ......
作为一个资深并且专业的扒皮人员，在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。
在扒皮过程中，必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件，其中可能会有上百个需要下载的图片，那么使用下面这段小代码是最为合
适的了。
< ?php
/*
More & Original PHP Framwork
Copyright (c) 2007 - 2008 IsMole Inc.
Author: kimi
Documentation: 下载样式文件中的图片，水水专用扒皮工具
*/
//note 设置PHP超时时间
set_time_limit(0);
//note 取得样式文件内容
$styleFileContent = file_get_contents('images/style.css');
//note 匹配出需要下载的URL地址
preg_match_all("/url\((.*)\)/", $styleFileContent, $imagesURLArray);
//note 循环需要下载的地址，逐个下载
$imagesURLArray = array_unique($imagesURLArray[1]);
foreach($imagesURLArray as $imagesURL) {
file_put_contents(basename($imagesURL), file_get_contents($imagesURL));
}
最后预祝各位在扒皮的过程中，一扒到底！ ......
作为一个资深并且专业的扒皮人员，在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。
在扒皮过程中，必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件，其中可能会有上百个需要下载的图片，那么使用下面这段小代码是最为合
适的了。
< ?php
/*
More & Original PHP Framwork
Copyright (c) 2007 - 2008 IsMole Inc.
Author: kimi
Documentation: 下载样式文件中的图片，水水专用扒皮工具
*/
//note 设置PHP超时时间
set_time_limit(0);
//note 取得样式文件内容
$styleFileContent = file_get_contents('images/style.css');
//note 匹配出需要下载的URL地址
preg_match_all("/url\((.*)\)/", $styleFileContent, $imagesURLArray);
//note 循环需要下载的地址，逐个下载
$imagesURLArray = array_unique($imagesURLArray[1]);
foreach($imagesURLArray as $imagesURL) {
file_put_contents(basename($imagesURL), file_get_contents($imagesURL));
}
最后预祝各位在扒皮的过程中，一扒到底！ ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color &n ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color &n ......
这是本人学习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用来显� ......
margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
不允许负值。
vertical-align:bottom;
用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐.
它的值比较多：baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit
比如说top就是垂直对齐文本的顶部 。
在表格中，这个属性设置单元格内容的对齐方式.vertical-align应用最多的应该是在td内，控制内部对象位置。
background:url(right_hr.gif) repeat-x; 背景图片横向对齐
line-height:20px;设置此行高度
font-size:12px;设置字体的大小
冲突问题：出现像样式或JS调用的时候出现了代码明明写的没有问题，但是却达不了想到的效果。可以查一下JS或样式有没有和别的有冲突！
代码执行顺序问题：在jsp页面中会首先会编译JAVA代码然后从上往下执行，要自动执行的JS脚本如< ......
起初的HTML的设计只是定义文档内容用，而对于文档布局则由浏览器来完成。后来由于浏览器服务商不断地将新的规范中，使得创建文档内HTML标签添加到HTML容清新独立于表现层的站点越来越复杂。为了解决这个问题，万维网联盟（W3C），肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。主流浏览器都支持层叠样式表CSS，它能够使我们有能力改变站点中所有页面的布局和外观。
上面说明了CSS产生的原因。对于html与CSS的作用我的理解是html主要用于告诉浏览器显示哪些内容，而CSS则主要告诉浏览器这些内容的布局和外观是什么样子的。CSS语法参考
CSS的核心内容应该就是盒子模型了（其边框类型）。我感觉html中的元素表现在网页中就是一个矩形，而这就应该是那个盒子。我们可以通过CSS属性来设置这些盒子各个方面。这些属性主要包括以下内容：
背景属性、边框属性、文本属性、字体属性、外边框属性（margin）、内边距属性（padding）、定位属性（position）、伪类等(这些属性的具体内容及相应介绍，见CSS参考手册)
......
最新文章 : css