WEB标准_CSS布局http://zxh6655.cn/网站布局实录!RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CNCopyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号Wed, 18 Jan 2012 19:56:57 +0800CSS代码优化全攻略zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/201.htmlWed, 18 Jan 2012 19:49:29 +0800http://zxh6655.cn/post/201.html要点1：css代码优化作用与意义
1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度
2、便于维护。简化和标准化css代码让css代码减少，便于日后维护
3、让自己写的css代码更加专业。

要点2：css优化方法-需要优化css代码地方
1、缩写css代码。
2、排列css代码。
3、同属性提取共用css选择器。
4、分离网页颜色和背景设置样式（较大站点需要注意）。
...

]]>css布局实例http://zxh6655.cn/post/201.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=201http://zxh6655.cn/cmd.asp?act=tb&id=201&key=06ea14dc更好遵循DIV+CSS设计 网站重构中实现SEOzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/200.htmlMon, 09 Jan 2012 11:38:10 +0800http://zxh6655.cn/post/200.htmlDIV+CSS设计的网站是按照W3C标准的，如果一个站点完全是CSS+DIV制作的，那么你网站的SEO（搜索引擎优化）工作已经完成了30%！为什么会这么说？SEO其他方面在哪好，请接着我的思路往下看：

天津网站制作 泵车 天津吊车出租 天津ktv招聘 天津网站建设

...]]>css布局实例http://zxh6655.cn/post/200.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=200http://zxh6655.cn/cmd.asp?act=tb&id=200&key=3799aa6cCSS中zoom:1的作用zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/199.htmlWed, 04 Jan 2012 10:55:38 +0800http://zxh6655.cn/post/199.html兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：
天津网站制作 泵车 唐山铁丝 天津真空泵维修 天津ktv招聘 天津网站建设 触发IE浏览器的haslayout
...

]]>css布局实例http://zxh6655.cn/post/199.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=199http://zxh6655.cn/cmd.asp?act=tb&id=199&key=f77de15dCSS应用中十四个技巧zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/198.htmlWed, 04 Jan 2012 10:47:49 +0800http://zxh6655.cn/post/198.htmlCSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一点，没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生，实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信提问的问题整理出来，供诸位参考。
...

]]>css布局实例http://zxh6655.cn/post/198.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=198http://zxh6655.cn/cmd.asp?act=tb&id=198&key=2355f11bCSS模块化思想 更加有效的管理CSS样式zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/197.htmlTue, 03 Jan 2012 09:46:17 +0800http://zxh6655.cn/post/197.html关于模块CSS的划分，我比较喜欢类似wordpress中的css划分方式，一般情况下通过类似下列结构划分：

　　在刚学习CSS初期，就接触了"模块化CSS"这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的理解很乱，直接导致自己一直认为下面的分法是非常合理的：
...

]]>Web标准与CSS布局概述http://zxh6655.cn/post/197.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=197http://zxh6655.cn/cmd.asp?act=tb&id=197&key=64c37ea2简单实用的CSS网页布局中文排版心得zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/196.htmlTue, 03 Jan 2012 09:45:26 +0800http://zxh6655.cn/post/196.htmlCSS网页布局中文排版有别于国外所介绍的英文排版，由于汉字的特殊性，所以有一些地方是需要大家注意的。今天52CSS.com的这个文章或许对大家对排版的控制有所帮助。

一、如何设定文字字体、颜色、大小 — 使用font 

　　font-style设定斜体，比如font-style: italic; 
　　font-weight设定文字粗细，比如font-weight: bold; 
...

]]>css布局实例http://zxh6655.cn/post/196.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=196http://zxh6655.cn/cmd.asp?act=tb&id=196&key=d35cbbccIE对CSS的渲染引擎hasLayoutzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/195.htmlTue, 03 Jan 2012 09:31:55 +0800http://zxh6655.cn/post/195.htmlhaslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）
　　要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。
...

]]>css布局实例http://zxh6655.cn/post/195.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=195http://zxh6655.cn/cmd.asp?act=tb&id=195&key=40271b9fCSS VS Table你必须要知道的zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/194.htmlFri, 30 Dec 2011 16:50:07 +0800http://zxh6655.cn/post/194.htmlCSS VS Table你必须要知道的
下面这些问题你都能回答出来么？

。天津网站制作，天津ktv招聘，泵车，天津网站建设,天津真空泵维修,唐山电线电缆

...]]>css布局实例http://zxh6655.cn/post/194.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=194http://zxh6655.cn/cmd.asp?act=tb&id=194&key=52c7e866css应用技巧zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/193.htmlWed, 28 Dec 2011 11:27:55 +0800http://zxh6655.cn/post/193.html1、使用@import语句引入外部样式表，可能会在IE6中出现“无样式内容瞬间”现象，可以通过使用link链接样式表，或者在页面上添加script元素来避免这个问题。HTML文档中几乎可以不用考虑用@import导入样式表的方法，因为这种方法是为了兼容Netscape Navigator 4，而这种浏览器几乎绝迹。天津网站制作，天津ktv招聘，泵车，天津网站建设,天津真空泵维修,唐山电线电缆

...]]>css布局实例http://zxh6655.cn/post/193.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=193http://zxh6655.cn/cmd.asp?act=tb&id=193&key=90c488f1如何闭合浮动元素？zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/192.htmlTue, 27 Dec 2011 19:12:05 +0800http://zxh6655.cn/post/192.html按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？

　　有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签，所以我个人不大喜欢。
...

]]>css布局实例http://zxh6655.cn/post/192.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=192http://zxh6655.cn/cmd.asp?act=tb&id=192&key=89b8c11a