DIV+CSS相比TABLE布局越来越受到欢迎,受到欢迎的主要原因是它轻巧,符合XHTML的标准!但也有一个误区:很多SE的朋友往往会把它和网站优化扯上关系,说会影响严重,SE们还动说动态的网站不易收录等片面的观点,SE很多从业者大多人芸也芸,并没有多少自已的亲身体验,这样难免会以讹传讹,往往也会形成蝴蝶效应,这些年很多客户都追求静态的URL,其中很大一部分原因是受这些人的影响!我们随便找一个关键词去搜索排名好的不乏TABLE布局和动态URL的优秀站点!
说了一些题外话,DIV+CSS很多时侯发现网站在不同的浏览器效果不同,这是因为每个技术人员对DIV+CSS掌握的知识范围不同所造成的!有很多从业人员学了一点DIV+CSS就去实践,当然这也无可厚非,但作为一个成熟的技术人员不管是网站建设美工还是网站程序开发人员对DIV+CSS有个良好的基础都是非常有必要的,下面说说DIV+CSS您可能犯的错误,借用一句实语:无侧有则改之无则加勉,您也可以加立天网络技术QQ群交流!
1).当属性的值为0时,0 之后不需要使用px,em单位,因为0 就是0,无论单位是什么,它还是0。同时属性值和单位之间不能加空隔!例如:margin-left: 28 px;中间有空隔时会显示不出您想要的效果! 2).每个属性之前必须加分号,但最后一个属性可以不加,但最好是加上去; 3).选择器的分组,这个可以减少重复设置同,让CSS更具有可读性且减少了CSS的“重量”; 4).减少重量您还应该多重继承:举个例子: #a { font-size:12px;font-weight:bold;color:#ccc; } #b { font-size:12px;font-weight:bold;color:#000; } 完全可以这样写: #a,#b { font-size:12px;font-weight:bold;color:#ccc; } #b { color:#000; } 上面也是摆脱继承的一个很好的例子!你给body定义一个字体,不想让所有的属性都是相同的字体你可以独自定义p{font-family:aa;},ul,li{font-family:bb;} 5).既然说到继承你不能忘记:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">少了这个继承不复存在!有时因为这个原因你找半天代码不知错在哪里。 6).类名的第一个字符不能使用数字!如下面的写法是行不通的:.1aa{font-size:50px;} <div class="1aa">义乌立天网络是专业义乌做网站,企业邮局服务的互联网服务商!</div>这里字体不会为50px; 7).派生的应用,这在很多时侯很有用,例如在分页CSS时当前页显示背景不同: DIV.page a{padding:0 5px; height:20px; line-height:20px; float:left;font-family:"宋体"; border:1px solid #ccc; margin-right:10px;} DIV.page a.onpage{ padding:0 5px; height:20px; line-height:20px; font-family:"宋体"; border:1px solid #ccc; margin-right:10px; background:#c00; color:#fff;font-weight:bold;} 8).background-image:url(a.jpg);与background:url(a.jpg);效果是一样的;同样:background-color:#000;与background:#000;也是一样的;但不建议这样写,是背景就加-image,是色彩就是-color.否则在下面的情况下: background:url(a.jpg); background-repeat: repeat-y; background:#000;背景图片就白定义了, 9).记住SPAN和DIV的区别; 10).float元素要指定width属性; 11).如果一个标签有二个CSS定义要这样写<span class="eobo,ywlt"></span>;而不是这样:<span class="eobo" class="ywlt"></span>; 12).记住大小写也会害人;很多ASP,PHP程序员在<?php ?>中不会出错,但到了CSS可能就不灵了;
本文地址:http://www.eobo.cn/news/277.html
上一篇:
立天网络网站建设完整服务流程
|