奇塔科技 qitag.com - div+csshttp://www.qitag.com/blog/ 互联网应用服务提供商 - RainbowSoft Studio Z-Blog 1.8 Walle Build 100427zh-CNCopyright © 2006~2009 ShenZhen QiTag Technology Co.,Ltd. , All Rights Reserved.Wed, 08 Sep 2010 20:37:44 +0800CSS网页布局之BUG口诀a@b.com (奇塔科技)http://www.qitag.com/blog/post/387.htmlSat, 24 Oct 2009 23:10:35 +0800http://www.qitag.com/blog/post/387.html在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，有人把CSS BUG编成了顺口溜了！看看好不好记住呢？

　  一、IE边框若显若无，须注意，定是高度设置已忘记；

　　二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

　　三、三像素文本慢移不必慌，高度设置帮你忙；

　　四、兼容各个浏览须注意，默认设置行高可能是杀手；
...]]>div+csshttp://www.qitag.com/blog/post/387.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=387http://www.qitag.com/blog/cmd.asp?act=tb&id=387&key=df06fdc6Div+CSS网站设计对SEO的四大影响a@b.com (奇塔科技)http://www.qitag.com/blog/post/206.htmlThu, 14 May 2009 10:57:07 +0800http://www.qitag.com/blog/post/206.html 很多企业在进行营销型网站建设时，喜欢用Div+CSS网页布局。那么这种企业网站设计到底对搜索引擎优化有什么影响呢？且看牛商网的网站设计专家如何解答的。

  一、提高访问速度

  DIVCSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在搜索引擎蜘蛛程序(Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛程序(Spider)就会认为这个页面无法访问，影响收录及权重。
...

]]>div+csshttp://www.qitag.com/blog/post/206.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=206http://www.qitag.com/blog/cmd.asp?act=tb&id=206&key=568c3972CSS布局口诀 - CSS BUG顺口溜a@b.com (奇塔科技)http://www.qitag.com/blog/post/199.htmlWed, 13 May 2009 19:14:21 +0800http://www.qitag.com/blog/post/199.html在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？

一、IE边框若显若无，须注意，定是高度设置已忘记；

二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

三、三像素文本慢移不必慌，高度设置帮你忙；

四、兼容各个浏览须注意，默认设置行高可能是杀手；

五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；

六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。

...]]>div+csshttp://www.qitag.com/blog/post/199.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=199http://www.qitag.com/blog/cmd.asp?act=tb&id=199&key=7152d4feDIV+CSS的命名规则有利于SEO a@b.com (奇塔科技)http://www.qitag.com/blog/post/168.htmlFri, 08 May 2009 12:20:45 +0800http://www.qitag.com/blog/post/168.html搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：

页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu
...

]]>div+csshttp://www.qitag.com/blog/post/168.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=168http://www.qitag.com/blog/cmd.asp?act=tb&id=168&key=da58257b关于网页制作CSS不解析问题的解决a@b.com (奇塔科技)http://www.qitag.com/blog/post/134.htmlTue, 28 Apr 2009 15:00:39 +0800http://www.qitag.com/blog/post/134.html网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题，在 IE7 中把它修复了。但是用IE6 的人还是不少。因此这个问题需要解决：

方法一：把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。

...]]>div+csshttp://www.qitag.com/blog/post/134.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=134http://www.qitag.com/blog/cmd.asp?act=tb&id=134&key=d2d447d9DIV+CSS设计网页的八个小技巧a@b.com (奇塔科技)http://www.qitag.com/blog/post/130.htmlSun, 26 Apr 2009 19:20:40 +0800http://www.qitag.com/blog/post/130.html以下是进行DIV+CSS设计时的八个必要的小技巧，良好的习惯可能会使你的设计周期加倍缩短。（如果您想了解更多请参见图书《CSS精粹--101条设计技巧》）

1.若有疑问立即检测

...]]>div+csshttp://www.qitag.com/blog/post/130.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=130http://www.qitag.com/blog/cmd.asp?act=tb&id=130&key=457baee7CSS教程:CSS页面布局的25个技巧a@b.com (奇塔科技)http://www.qitag.com/blog/post/115.htmlThu, 23 Apr 2009 19:50:52 +0800http://www.qitag.com/blog/post/115.html对CSS网页布局的技巧，可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值：

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。

3、一个兼容性调整(IE和Mozilla)的笨办法：

...]]>div+csshttp://www.qitag.com/blog/post/115.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=115http://www.qitag.com/blog/cmd.asp?act=tb&id=115&key=cf6a12bcCSS网页布局ID和Class类的命名介绍a@b.com (奇塔科技)http://www.qitag.com/blog/post/114.htmlThu, 23 Apr 2009 19:49:46 +0800http://www.qitag.com/blog/post/114.html关于CSS网页布局id与class命名或许成为大家比较头疼的问题，在webjx.com中早已有相关的介绍，但还是不能满足大家对知识的渴求。

一、用class_name方式写类名。

以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。

二、样式都用class而不用id。

有三个理由。

1，id不可以重复，所以用class的话，可以肆无忌惮的用无数次。

...]]>div+csshttp://www.qitag.com/blog/post/114.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=114http://www.qitag.com/blog/cmd.asp?act=tb&id=114&key=e81eb9d4真正的利用DIV+CSS优化站点技巧a@b.com (奇塔科技)http://www.qitag.com/blog/post/113.htmlThu, 23 Apr 2009 19:48:39 +0800http://www.qitag.com/blog/post/113.html当DIV+CSS平地起惊雷突然出现在网页设计行业的时候，官方、民间无不推崇备至，仿佛Table设计的时代就要终结，马上就要步入DIV+CSS的时代，不懂得DIV+CSS你都不好意思说你会网页设计，不知DIV+CSS你都不好意思说你是站长，你要还是用TABLE来设计站点，无数鄙夷之光就投射而来。

然而DIV+CSS真的有这么神吗?该怎么真正的利用DIV+CSS优化站点，而不是挂羊头卖狗肉，插大葱装大象呢?

DIV+CSS的设计中有几点误区，尤其应该澄清：
...

]]>div+csshttp://www.qitag.com/blog/post/113.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=113http://www.qitag.com/blog/cmd.asp?act=tb&id=113&key=7aaa8a88HTML中的meta对于SEO的作用a@b.com (奇塔科技)http://www.qitag.com/blog/post/107.htmlWed, 22 Apr 2009 16:56:09 +0800http://www.qitag.com/blog/post/107.html

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。对于SEO来说最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：

...]]>div+csshttp://www.qitag.com/blog/post/107.html#commenthttp://www.qitag.com/blog/http://www.qitag.com/blog/feed.asp?cmt=107http://www.qitag.com/blog/cmd.asp?act=tb&id=107&key=0c326b1f