马克斯maxcmsSS超详细解释.doc

最近又下雨，在公司太无聊了。整理了一些关于div+css的参考资料和大家分享，希望对你能有所帮助。几个css元素的简单解释 div ul dl dt oldiv，这个很常见，块级元素，div尽量少用，和table一样，嵌套越少越好ol 有序列表。 1 ol 2 li……/li 3 li……/li 4 li……/li 5 /ol 表现为： 1 1…… 2 2…… 3 3…… ul 无序列表，表现为li前面是大圆点而不是123 1 ul 2 li……/li 3 li……/li 4 /ul 很多人容易忽略 dl dt dd的用法dl 内容块dt 内容块的标题dd 内容可以这么写： 1 dl 2 dt标题/dt 3 ? 4 dd内容1/dd 5 dd内容2/dd 6 ? 7 /dl dt 和dd中可以再加入 ol ul li和p理解这些以后，在使用div布局的时候，会方便很多，w3c提供了很多元素辅助布局??由于项目中编写文档结构、编写CSS的人员较多，并与程序员协同工作，就需要统一class与id的名称，前天花了一点时间，按照大多人的习惯，制定了下面的常用关键字：容 器：container/box头 部：header主 导 航：mainNav子 导 航：subNav顶 导 航：topNav网站标志：logo大 广 告：banner页面中部：mainBody底 部：footer菜 单：menu菜单内容：menuContent子 菜 单：subMenu子菜单内容：subMenuContent搜 索：search搜索关键字：keyword搜索范围：range标签文字：tagTitle标签内容：tagContent当前标签：tagCurrent/currentTag标　 题：title内 容：content列 表：list当前位置：currentPath侧 边 栏：sidebar图 标：icon注 释：note登 录：login注 册：register列 定 义：column_1of3 (三列中的第一列)column_2of3 (三列中的第二列)column_3of3 (三列中的第三列)代码精简　　使用DIV?CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。　　表格的嵌套问题搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。　　使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。　　而DIV?CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。搜索引擎优化及营销都是非常有利的。搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但樂思蜀本人保持这样的观点，有异议者可以拿三组以上基本同等质量的网站对比观察。内容来自中国站长资讯网()　　我想，这样的情况可能不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录质量的不同。　　毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选择DIV?CSS布局为好。CSS布局常用的方法：float:none|left|right取值：none:　默认值。对象不飘浮left:　文本流向对象的右边right:　文本流向对象的左边它是怎样工作的，看个一行两列的例子xhtml: 1 div id=wrap 2 div id=column1这里是第一列/div 3 div id=column2这里是第二列/div 4 div class=clear/div 5 /div CSS: 1 #wrap{width:100;height:auto;} 2 #column1{float:left;width:40;} 3 #column2{float:right;width:60;} 4 .clear{clear:both;} 1 po