CSS布局与传统表格(table)布局最大的区别
2008-04-30 22:02
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2px so... [阅读全文]
扔掉 Table 使用 XHTML+CSS的布局
2008-04-30 21:33
在CSDN社区上，时不时能够看到一些页面整体布局的问题，要求用div做一些table才能做到的，否则就以此为把柄说XHTML+CSS布局方法不好。其实，首先要做的是改变思维，以适应XHTML+CSS的布局。 面向页面设计而非面向浏览器设计 XHTML +CSS能够实现的是一种流布局，也就是随着内容的长度自动增长区域，并且最终导致整个页面增长，这时候浏览器就必须显示滚动条。table强迫症的一个 征兆就是极力避免流布局，希望以浏览器的可视区域为布局目标，要求在可视区域中划分内容区域而不是在页面上划分内容区域。实际上XHTML是无法针对浏览 器设计的，因为它仅仅包含语义，或者说是内容，而浏览器如何... [阅读全文]
nytimes.com手工编写HTML和CSS代码
2008-04-30 21:06
NYTimes.com 网站的设计主管、2年前加入 NYT 的越南裔设计师 Khoi Vinh 在《纽约时报》的不定时栏目 “Ask the Times” 上回答了读者的提问。在被问到为什么不管任何平台用什么浏览器或显示分辨率，《纽约时报》网站看起来始终如一的漂亮和舒服时，他回答：“我们喜欢用文字编辑器如 HomeSite，TextPad 或者 TextMate，去手工编写所有的HTML和CSS代码，而不是使用所见即所得（wysiwyg）的 HTML 和CSS 的编辑工具如 Dreamweaver。我们只是发现这能产生更好和更快的效果。” ... [阅读全文]
Wordpress 提速优化几招
2007-12-10 01:581. 在后台开启 GZIP 压缩功能(默认用的是 ob_gzhandler)，或者在 htaccess 中加入下面两行，使用 zlib 压缩。 php_flag zlib.output_compression on php_value zlib.output_compression_level 5 使用了这个就没必要在后台开启 GZIP 压缩了，这个压缩效率还要好一些。但有的虚拟主机未必支持这样做。 2. 使用 eAccelerator 进一步优化。 到这里 http://neosmart.net/dl.php?id=13 下载 Wordpress 的 eAccelerator 插件，然... [阅读全文]
php 网页提速优化
2007-12-02 18:59php 网页提速优化： 1) 在 PHP 页面的顶部加上： <?php ob_start( 'ob_gzhandler' ); ?> 2) 把 CSS 文件名改为 xxx.css.php, 然后在文件顶部加上： <?php ob_start ("ob_gzhandler"); header("Content-type: text/css; charset: UTF-8"); header("Cache-Control: must-revalidate"); $offset = 60 * 60 ; $ExpStr = "Expires: " . gmdate("D, d M... [阅读全文]
CSS 书写顺序建议
2007-11-30 05:10来自Mozilla的CSS书写规范建议： //显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space other text content 浏览器 Hack： test:791px!important; /*FF Hack*/ *test:785px!important; /*IE7 Hack*/ te... [阅读全文]
最新评论