什么是HTML5的流元素

什么是HTML5的流元素,第1张

HTML5没有什么流元素, 5是在4的基础上添加了一些可以让程序员使用的特性,比如新标签,比如canvas,webGL,等等。

HTML5实在4的基础上拓展的,4没有流元素,5也就没有。你所说的应该是文档流。

文档流的意思是 将整个浏览器的内容也就是body部分看成一条河,你的所有元素,包括DIV,span,p,h1之类的元素都是从上往下开始布局,就像河流顺着一个方向来。

div 全称 division 意为“区分”

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

<DIV>This is a DIV tag .</DIV>

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

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

<DIV ID="truck">

This is a truck

</DIV>

<style type="text/css">

body{margin:0}

.top{position:fixed top:0 left:0 width:100% height:20px background:#FCC}

.cn{height:1000px background:#ccc margin-top:20px}

</style>

<div class="top">一直固定在顶部</div>

<div class="cn">模拟页面高度</div>

满意请采纳


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6141343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存