查看完整版本: 不要畏惧DIV+CSS

不要畏惧DIV+CSS

学了有一段时间的CSS了，感觉还可以，能实现自己想要的样子，当然了，代码是否很“紧凑”，这个就要慢慢下工夫了。[b]现阶段正努力的：[/b]
  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没什么不好学的，[b]请关注以下几个问题：[/b]
1.清除浮动：[url=http://www.cnbruce.com/BLOG/showlog.asp?log_id=1281]http://www.cnbruce.com/BLOG/showlog.asp?log_id=1281[/url]
2.宽度计算问题：[url=http://www.iconfans.com/thread-768-1-1.html]http://www.iconfans.com/thread-768-1-1.html[/url] [写布局的时候一个div为什么总是到不了另一个的右面，而是拐下来了呢，]
这两个都搞明白了 写代码就顺畅多了。

[color=blue]最后一点也是比较重要的，我们用DIV+CSS布局，并不是说不能用table[/color]，能用， 用来做什么呢，数据呈现，举个例子：
[attach]1552[/attach]
这个图如果是用DIV来嵌套，边框问题，不把你套晕了才怪呢 这个还不是最复杂的拉 用table就很简单了

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