2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。

3、慎用通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。

4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。

5、样式放头上，脚本放脚下。不内嵌，只外链。

6、坚决不用 CSS 表达式。

7、使用 引用样式表，而不是通过 @import 导入。

8、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。

9、千万不要在 HTML 中缩放图片，一者不好看，二者占资源。

10、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 

11、block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。

12、段落之间，至少要有一倍行距。

13、强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。

14、中文标点用全角。英文夹杂在中文中，左右空格，半角。

15、中文字体的粗体和斜体，远离较好，利民利己。

相关日志

• CSS属性代码大全

　　1、例如我们把某个特定的 IP 直接重定向到 baidu 首页，在网站根目录的 .htaccess 文件里添加代码：

　　RewriteCond %{REMOTE_ADDR} 192.168.1.1 [NC]

　　RewriteRule ^(.*)$ http://www.baidu.com/$1 [R=301]

　　将 192.168.1.1 这个 IP 替换成您要限制的 IP 即可

　　2、如果要实现多个 IP ，可以这样写：

　　RewriteCond %{REMOTE_ADDR} 192.168.1.1 [OR]

　　RewriteCond %{REMOTE_ADDR} 192.168.1.2 [NC]

　　RewriteRule ^(.*)$ http://www.baidu.com/$1 [R=301]

其实就是个301重定向。

随机日志

• 恢复受损的Word文档的方法
• IE8 RC1版遭泄露 提前释出
• 奥巴马获胜演说的演讲稿与MP3
• 解决电脑接麦克风出现噪音方法
• 快速申请QQ号码的方法

官方解释是：Discuz! wap 功能部分在对文字进行编码转换时，存在合法变量被恶意覆盖问题，此问题将可能导致您的论坛受到安全性威胁。为此我们强烈建议您立即下载补丁进行修补。

补丁下载地址：
http://download.comsenz.com/Disc … _patch_20081117.zip

本地下载：http://www.xqlab.com/down/Discuz_patch_20081117.zip

MD5：530527c6be93c5c848125985242d7544

* 此补丁包中含有 Discuz! 各版本程序，解开压缩包后，请根据您的版本号更新

* Discuz! 6.0 用户建议可以仅仅对安全问题进行更新，但我们建议您下载完整程序包进行更新，6.0 版本程序此次进行了大规模的优化和功能修正。（地址 http://download.comsenz.com/Discuz/6.0.0/）

* 本次修正不包含 Discuz! 7.0 测试版，建议参与测试的站点暂时关闭wap功能

* 如果您由于某种原因，无法及时修补，请您暂时关闭 “wap” 功能

随机日志

• 微软最新XML安全漏洞,赶快修复！
• 恢复受损的Word文档的方法
• 映射文件夹为虚拟磁盘分区的方法
• 经典的二八定律，你是那百分之多少呢？
• 快速申请QQ号码的方法

4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
每个标准页面为A4幅面大小，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
标准网页广告尺寸规格
1、120*120，这种广告规格适用于产品或新闻照片展示。
2、120*60，这种广告规格主要用于做LOGO使用。
3、120*90，主要应用于产品演示或大型LOGO。
4、125*125，这种规格适于表现照片效果的图像广告。
5、234*60，这种规格适用于框架或左右形式主页的广告链接。
6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
8、88*31，主要用于网页链接，或网站小型LOGO。

广告形式像素大小最大尺寸备注BUTTON120*60(必须用gif)
215*50(必须用gif)
7K
7K 通栏760*100
430*5025K
15K静态图片或减少运动效果超级通栏 760*100 to 760*200共40K静态图片或减少运动效果巨幅广告336*280
585*12035K 竖边广告130*30025K 全屏广告800*60040K必须为静态图片，FLASH格式 图文混排各频道不同15K  弹出窗口400*300(尽量用gif)40K BANNER468*60(尽量用gif)18K 悬停按钮80*80(必须用gif)7K  流媒体300*200（可做不规则形状但尺寸不能超过300*200）30K播放时间 小于5秒60帧(1秒/12帧)
网页中的广告尺寸
1、首页右上，尺寸120*60    
2、首页顶部通栏，尺寸468*60    
3、首页顶部通栏，尺寸760*60
4、首页中部通栏，尺寸580*60  
5、内页顶部通栏，尺寸468*60  
6、内页顶部通栏，尺寸760*60
7、内页左上，尺寸150*60或300*300  
8、下载地址页面，尺寸560*60或468*60
9、内页底部通栏，尺寸760*60    
10、左漂浮，尺寸80*80或100*100
11、右漂浮，尺寸80*80或100*100
以上几种说法可能有点小的出入，大家可以探讨一下。
IAB和EIAA发布新的网络广告尺寸标准
在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160×600, 300×250, 180×150及728×90，还包括新公布的468×60 和120×600（擎天柱）2种。

随机日志

• 百度C2C购物平台“有啊”正式上线
• 赠送腾讯微博邀请码五枚(持续更新)
• Discuz! 发布安全补丁包（2008-11-17）
• 下载：DirectX完整安装包2008.11最新版
• 2009年部分法定节假日放假时间

字体样式(Font Style)

序号 中文说明 标记语法
1 字体样式 {font:font-style font-variant font-weight font-size font-family}  
2 字体类型 {font-family:”字体1″,”字体2″,”字体3″,…}  

3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}  
4 字体风格 {font-style:inherit|italic|normal|oblique}  
5 字体粗细  {font-weight:100-900|bold|bolder|lighter|normal;}  
6 字体颜色  {color:数值;}
7 阴影颜色 {text-shadow:16位色值}
8 字体行高  {line-height:数值|inherit|normal;}
9 字 间 距  {letter-spacing:数值|inherit|normal}
10 单词间距 {word-spacing:数值|inherit|normal}
11 字体变形 {font-variant:inherit|normal|small-cps }  
12 英文转换 {text-transform:inherit|none|capitalize|uppercase|lowercase}
13 字体变形 {font-size-adjust:inherit|none}  
14 字体 {font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}  
文本样式(Text Style)
序号 中文说明 标记语法
1 行 间 距 {line-height:数值|inherit|normal;}  
2 文本修饰 {text-decoration:inherit|none|underline|overline|line-through|blink}
3 段首空格  {text-indent:数值|inherit}
4 水平对齐 {text-align:left|right|center|justify}  
5 垂直对齐 {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}  
6 书写方式 {writing-mode:lr-tb|tb-rl}  
背景样式
序号 中文说明 标记语法
1 背景颜色 {background-color:数值}
2 背景图片 {background-image: url(URL)|none}
3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4 背景固定 {background-attachment:fixed|scroll}
5 背景定位 {background-position:数值|top|bottom|left|right|center}
6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}
框架样式(Box Style)  
序号 中文说明 标记语法
1 边界留白 {margin:margin-top margin-right margin-bottom margin-left}
2 补　　白 {padding:padding-top padding-right padding-bottom padding-left}
3 边框宽度 {border-width:border-top-width border-right-width border-bottom-width border-left-width}　　
宽度值： thin|medium|thick|数值
4 边框颜色 {border-color:数值 数值 数值 数值}　　数值：分别代表top、right、bottom、left颜色值
5 边框风格 {border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}
6 边　　框 {border:border-width border-style color}
  上 边 框 {border-top:border-top-width border-style color}
  右 边 框 {border-right:border-right-width border-style color}
  下 边 框 {border-bottom:border-bottom-width border-style color}
  左 边 框 {border-left:border-left-width border-style color}
7 宽　　度 {width:长度|百分比| auto}
8 高　　度 {height:数值|auto}
9 漂　　浮 {float:left|right|none}
10 清　　除 {clear:none|left|right|both}
分类列表
序号 中文说明 标记语法
1 控制显示 {display:none|block|inline|list-item}
2 控制空白 {white-space:normal|pre|nowarp}
3 符号列表 {list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}
4 图形列表 {list-style-image:URL}
5 位置列表 {list-style-position:inside|outside}
6 目录列表 {list-style:目录样式类型|目录样式位置|url}
7 鼠标形状 {cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}

相关日志

• CSS的一些技巧