css3 div怎么使用

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

<div></div>就把DIV看成一个 纯净的盒子,啥属性都没有,默认宽度100%,高度0。高度是按DIV里的内容而变高,也可以在 CSS里 设置宽高。

使用 DIV 的方法跟使用其他 tag 的方法一样:

如果单独使用 DIV 而不加任何 CSS,, 那么它在网页中的效果和不使用是一样的。

但当把 CSS用到 DIV 中去以后,就可以严格设定它的位置。首先需要给这个可以被 CSS控制的 DIV 一个 ID 或说是它的名字。比如说给这个 DIV 的名字是 truck。给名字的目的是以后可用JavaScript来控制它, 比如说移动它或改变它的一些性质等等。

例如:

<div style="background:#f90; text-align:center;">test</div>
<div style="background:#f60">
    <span>usemen:</span><input type="text" style="border:1px solid #ccc; width:200px; height:20px;" >
</div>
<div style="background:#f60">
    <span>usemen:</span><input type="text" style="border:1px solid #ccc; width:200px; height:20px;" >
</div>

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。

更多HTML相关技术文章,请访问HTML答疑栏目进行学习!

以上就是css3 div怎么使用的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏