所在位置网站建设 >> 在制作DIVCSS优化型网站时要注意什么

在制作DIVCSS优化型网站时要注意什么

下面我先引用下

百度默认的 CSS 样式2009-10-02 18:23html,body,div,h2,h3,h4,p,td,tr,ul,ol,li,table,dl,dd,dt,img,form{margin:0;padding:0;}
ol,ul,li {list-style:none}
body {font-size:14px;line-height:24px;font-family:arial}

这一段CSS是百度的。

 

由上面我们可以看到,百度会把一些公用的都先定义了,而我在 bbs.web520.com 看到有一个网友的网站说给百度给封杀了。

首先我对其进行了几点分析:

1、发了不该发的连接。

2、反连有问题。

3、密度过高。…………

等做了一些分析,其中包含了CSS

下面是其中一段

bo_4{width:440px; height:22px; margin:172px 0 0 0!important; margin:10px 0 0 0; padding:0; border:0; float:left;}

.bo_5{width:440px; height:90px; margin:10px 0 0 0;; padding:0; border:0; float:left;}
.bo_5_1{width:120px; height:90px; margin:0; padding:0; border:0; float:left; background:url(../img/14.jpg) no-repeat center left; list-style:none;}
.bo_5_2{width:315px; height:90px; margin:0; padding:5px 0 0 5px; border:0; float:left; font-size:12px; text-align:left; line-height:20px; list-style:none;}
.bo_5_3{width:120px; height:90px; margin:0; padding:0; border:0; float:left; background:url(../img/15.jpg) no-repeat center left; list-style:none;}
.bo_5_4{width:120px; height:90px; margin:0; padding:0; border:0; float:left; background:url(../img/16.jpg) no-repeat center left; list-style:none;}
.bo_5_5{width:120px; height:90px; margin:0; padding:0; border:0; float:left; background:url(../img/17.jpg) no-repeat center left; list-style:none;}
.bo_5_6{width:120px; height:90px; margin:0; padding:0; border:0; float:left; background:url(../img/18.jpg) no-repeat center left; list-style:none;}

 

在这里我们可以看到出现了好多 0 啊 这是有种非常不好的写法。

回到主题:

作为在制作 CSS模板时,很多朋友可能会说,那么如何去制作一个好的CSS模板呢?下面是我的个人见解:

1、CSS中尽量不要出现 负值。

2、隐藏一类的也最好不要出现。 hidden

3、书写ID CLASS也要注重一下顺序。 不要把 header 放在后面 footer 放在前面。

4、网页无素标记当然也不要乱用了。 如,像现在有的朋友喜欢写 双 TITLE 等一些大量的 重复  H 标记。

5、还是强调 CSS 中能够共用的尽量独立下属性,以便 多次引用。

 

注:未必制作出了一个好的CSS模板就一定能够取得好的排名;请朋友更要看重的网站本身的内容质量,我一值信觉得,内容占7分,反连占3分。

http://16378.cn/ 这里有我处理 LOGO这个地方的一点小技巧。为了不浪费域名,所以 搞了点内容,也练习CSS.

<div id="logo"><a href="/" title="中国商机网"><h1>中国商机网</h1></a></div> 

CSS:吗你可以自己看下。


 

 




网站建设 | Related

企业网站建设的六大价值 在制作DIVCSS优化型网站.. 服务器的w3wp.exe进程占.. 优化型网站建设 营销型网站建设 网站的由来 什么是网站 网站建设 便宜没好货 网站建设发展的几点中肯.. 网站架构之首页的架构 网站设计中常见的43种错.. 把网站变成大卖场 如何定位网站的主题和名.. 啊古谈网站改版的问题