发新话题
打印

不要畏惧DIV+CSS

不要畏惧DIV+CSS

学了有一段时间的CSS了,感觉还可以,能实现自己想要的样子,当然了,代码是否很“紧凑”,这个就要慢慢下工夫了。现阶段正努力的:
  1.写布局的时候尽量少的嵌套DIV就能实现设计图的效果;
  2.针对SEO优化在写代码的时候用的元素。
       eg.   a,  一个页面只允许出现一次<h1>,尽量不要让页面没有<h1>,不利于收录啦。
               b,  使用规范的命名规则 比如 头用header 侧栏sidebar 内容 container 这样的等等;
               c,  块级元素不是只有一个div  还有其他的 span p ....

其实CSS本身没什么难的,无非是一些常见的属性的组合应用,为什么现在还是很多人摸不到头脑呢,其实还是因为各种浏览器的兼容性在作怪,那么找到了问题,如何解决呢,就是找一些浏览器们共有的东西来写自己的代码。
      hack可以用,但不要把精力全放在天天搞hack上,因为用hack不是一个长久之际,等你熟悉IE7了, IE8又出来了, 浏览器本身更新的也比较快拉,我感觉写CSS代码某些方面就像做图,工具很简单,创新就比较麻烦,平时注意看自己中意的效果的CSS文件,遇到没见过的属性就百度 或者GOOGLE一下就明白了。text-indent 这个属性是干什么的,哈哈,你不搜索知道吗?

好象写的有点跑题了,大概就是说的CSS没什么不好学的,请关注以下几个问题:
1.清除浮动:http://www.cnbruce.com/BLOG/showlog.asp?log_id=1281
2.宽度计算问题:http://www.iconfans.com/thread-768-1-1.html [写布局的时候一个div为什么总是到不了另一个的右面,而是拐下来了呢,]
这两个都搞明白了 写代码就顺畅多了。

最后一点也是比较重要的,我们用DIV+CSS布局,并不是说不能用table,能用, 用来做什么呢,数据呈现,举个例子:

这个图如果是用DIV来嵌套,边框问题,不把你套晕了才怪呢 这个还不是最复杂的拉 用table就很简单了
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • iconsbox =饭团= +8 Fans精品文章! 2008-4-17 18:05

TOP

写得很好,支持一下,分享一些自己的心得,我想会对很多人有帮助的

TOP

发新话题