您的位置 >>> 星想互联 >>> 编程技术 >>> HTML+CSS
如何使用div
点击数:2548  发布时间2012-01-22 23:44:40
与其他XMTHL对象一样,我们只需要应用<div></div>这样的标签形式,将内容放置其中,便可以应用div标签。但是请注意一点,div标签只是一个标识,作用是把内容标识成一个区域,并不负责其他事情,div只是CSS布局工作的第一步:通过div将页面中的内容/结构标记出来,例如,需要一个导航条就可以使用div标识出一个导航条的区域,而导航条是什么样?div不负责,剩下的事情由CSS来处理。
div对象中除了直接放入文本,也可以放入其他标签,也可以多个div标签进行嵌套使用,最终的目的是合理的标识出我们的页面区域。
div对象在使用时,同其他XHTML对象一样,可以加入其他属性,如id,class,align,style等,而在CSS布局方面,为了实现内容与表现的分离,不应当将align对齐属性,以及style行间样表属性编写在XHTML页面的div标签之中,
<div style="color:red;font-weight:bold">这是红色加粗字体</div>
因此,div最终代码只可能拥有以下两种形式:
     <div id="id名称">………………..</div>
     <div class="class名称" >………………..</div>  
使用id属性,可以给当前div指定一个id名称,而在CSS中使用id选择符进行样式编写,如:#header
同样,可以使用class属性,在CSS中使用class类选择符进行样式编写,如:.redlink。
来源:星想互联
【上一篇】认识div
【下一篇】如何更好的理解div(一)