当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

灵活的DIV标签及其控制方法

发表于: 2014-11-07   作者:橙色星期五   来源:转载   浏览:
摘要: DIV是层叠样式表中的定位技术,全称DIVision DIV在网页中的使用一般要搭配CSS样式来一起使用 如果单独使用DIV那么他在页面中的效果和不使用是一样的。 但当我们把 CSS 用到 DIV 中去以后,我们就可以严格设定它的位置。 我们需要给这个可以被 CSS 控制的 DIV 一个 ID 或说是它的名字。 如: <div id="color">
DIV是层叠样式表中的定位技术,全称DIVision
DIV在网页中的使用一般要搭配CSS样式来一起使用
如果单独使用DIV那么他在页面中的效果和不使用是一样的。

但当我们把 CSS 用到 DIV 中去以后,我们就可以严格设定它的位置。
我们需要给这个可以被 CSS 控制的 DIV 一个 ID 或说是它的名字。
如:
<div id="color">这是一个有颜色的字</div>

div的常用使用方式和普通的HTML标签无异,相比HTML标签能让代码看起来更加简洁和清晰

关于布局方面
正常的HTML布局一般都使用table标签即表格,但表格有局限性,遵循页面的排版流程
而且DIV布局的话,灵活性能就比table高很多,这关键在于CSS样式里的float浮动
顾名思义,浮动可以通俗的理解为2个平面,比如桌子和桌子上的本子是处于2个平面上。
有了这个属性,DIV的灵活性就大大提高了。

如何控制灵活性大的DIV标签
很多朋友刚接触DIV标签的时候,都觉得这标签太能控制了,其实不然,这里又牵涉到了一个CSS属性,就是clear.clear有4个值,分别是left,right,both,none这4个值是用来管理float浮动后的DIV标签的,分别是:在左侧不允许浮动,在右侧不允许浮动,左右两侧都不允许浮动,允许浮动出现在两侧(默认).
当一行清除浮动后,下一个标签将显示在浮动后的DIV标签下面,这样就能自由的控制浮动后的DIV标签和其他标签的位置了。

灵活的DIV标签及其控制方法

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
本发明公开了一种双倍数据速率内存的内存控制器及其控制方法。内存控制器中包括仲裁器、主状态机、
分布式呼叫中心系统及其座席控制方法 本文主要介绍一种分布式呼叫中心系统及其座席控制方法。在该分
分布式呼叫中心系统及其座席控制方法 本文主要介绍一种分布式呼叫中心系统及其座席控制方法。在该分
ACE绘制的图形,坐标轴上的刻度值,要么显示为数字,要么显示为时间: 那么能不能在坐标轴上显示自
ACE绘制的图形,坐标轴上的刻度值,要么显示为数字,要么显示为时间: 那么能不能在坐标轴上显示自
原文地址:http://my.oschina.net/huangyong/blog/287791 目录[-] 1. 基于用户令牌的身份认证 2. 基
本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签。 实际环境中,也许是根据某些条
a标签,也就是超级链接,的样式问题,主要包括如果设置鼠标悬停到a标签上后变成手形的问题与a标签去
generator标签 使用generator标签可以将指定字符串按指定分隔符分成多个子串,临时生成的多个子串可
generator标签 使用generator标签可以将指定字符串按指定分隔符分成多个子串,临时生成的多个子串可
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号