divcss技巧篇

1.把几个css属性写在一起通常情况写，属性里面的class只有一个值，但这并不是意外着你只能给它赋一个class名，我们可以赋2个以上不过，需要注意的是，class里面是用空格把他们分开来的divclass=“fsizefcoloraaaaa/div2.关于浮动的清除1.使用height清除浮动2.使用空div，对div使用clear：both来清除浮动3.使用overflow：hidden来清除浮动3.灵活使用min、maxMin-width设置最小宽度Max-width设置最大宽度Min-height设置最小高度Max-height设置最大高度4.关于margin的声明在某些浏览器中，当给层内元素设置margin-top时，层内元素并没有margin，而是父层出现了margin-top，这往往让人很费解吧CSS2.1盒模型规范：所有毗邻的两个或更多盒元素的margin-top将会合并为一个margin-top共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔CSS2.1规定浮动元素和绝对定位元素不参与Margin折叠Margin-top解决办法有：1.给父层添加：overflow:hidden;2.给父层添加：border除none以外的属性3.给父层添加：padding-top代替margin-top的效果5.总结div的对齐方式实现DIV对齐用到关键属性有两个，一个为float一个为margin。第一个float,可以让你div层居左居右对齐，另外一个margin实现div盒子居中对齐。6.CSS网页布局避免滥用或全用DIV标签元素CSSDIV网页布局应该避免滥用div元素一直是我们倡导的，以合适的HTML标签组织文档是CSS网页布局的基础。避免过多使用或单一使用div标签进行网页布局，也就是说要以多种html标签组合使用，这样多标签组合使用好处不但网页结构具有条理性对搜索引擎排名也有好处如果你审视你的HTML文档，发现有着很多的div与span，那你就得换一个眼光来看问题了，是不是存在滥用的情况？6.1一、h1h2h3标签适当使用H1H2H3H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下6.1.1搜索引擎下看h1标题标签针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字，搜索引擎也会格外注重你所注重关键字与内容，但切记无滥用6.2.2H标签使用原则H1在一个网页中最好只使用一次，如对一个网页唯一标题使用。H2、H3、H4标签则可以在一个网页中多次出现，但不要随意添加或添加过度。果需要控制这些标题标签的大小、背景、宽度、高度、CSS加粗与否都可以通过DIVCSS来实现对其样式重新定义6.2em标签适当使用在布局局部小参数、时间等我们可以使用htmlem标签来布局，布局前将em标签默认斜体样式去掉，再赋予新的想要的CSS样式。em/em标签（htmlem强调标签）告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体方式呈现给大家显示，如果想改变他的天生样式，使用css样式即可6.3b标签或strong标签适当使用有时我们对一些有意义的内容想以加粗方式，除了使用css加粗样式外，不妨使用b加粗或strong加粗标签试试。这样可以有利于搜索引擎优化布局。6.4ulli列表使用对于li标签布局相信大家都明白，通常列表性的布局排版，我们使用ulli来布局比较合适，并且让网页根据条理性6.5dldtdd组合标签使用对于新手可能对dldtdd标签使用不是那么熟悉，不过大家可以将ulli标签布局进行对比看看大家进行对比结构不难发现，dldtdd比ulli就多了一个dt类似专为标题的标签像这样标准的栏目标题+文章标题的大家都可以使用dldtdd布局。