网上有关“对于html的理解”话题很是火热,小编也是针对对于html的理解寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望能够帮助到您。
HTML 的 div 标签的一个非常重要的作用是把其它的HTML标签及内容装起来,这么一来就可以一次性对这些被装起来的内容进行各种操作,例如:一次性把这些装起来的内容固定在某一个位置。所以说到 div 标签,经常都跟 CSS 放在一起,因为通过 CSS 可以对 div包含的所有内容 进行各种操作。
“为什么可以文字可以越过原本定义的框的大小呢?”
因为HTML没有规定不准文字在 div 边框外显示。只能这么解释。
文字或者其他内容越过边框,这个叫“溢出”。这就引出 CSS 中的一个属性 overflow,它的取值包括以下:
overflow: visible; 你经常看见的越过边框的情况就是因为默认状态下,所有的溢出内容都以这种状态显示。
overflow: hidden; 隐藏溢出
overflow: scroll; ?下拉框显示
overflow: auto; 自动,没有溢出不显示下拉框,有溢出显示下拉框
不仅仅是 div 有溢出,很多的其它标签都会有溢出的时候。例如:
div溢出.html 文件代码如下:
<!doctype?html><html?lang="zh">
<head>
<meta?charset="utf-8">
<title>div溢出</title>
<link?href="divoverflow.css"?rel="stylesheet">
</head>
<body>
<p>p溢出</p>
<p?id="p1">p溢出</p>
<div>
<h1>div溢出</h1>
</div>
<div?id="div1">
<h1>div溢出</h1>
</div>
</body>
</html>
divoverflow.css 文件代码如下:
p?{position:?relative;
top:?30px;
width:?100px;
height:?10px;
background:?goldenrod;
}
#p1?{
overflow:?auto;
}
div?{
position:?relative;
top:?100px;
width:?120px;
height:?50px;
background:?navy;
color:?red;
}
h1?{
width:?100px;
height:?10px;
background:?goldenrod;
}
#div1?{
top:?150px;
overflow:?auto;
}
以上HTML和CSS可以看到除了 div 还有 p,h1标签也会溢出,其他的标签还有很多。
1、首先打开sublime编译器,创建一个.html文件。
2、然后在title标签之间写上标题的名称,这里输入视频播放器。
3、接着在body标签对的之间插入<video>标签。
4、然后设置视频窗口的大小,在video标签添加width和height属性。
5、最后在video标签之间添加source播放源,及其地址运行后,就会出现如下图视频窗口。
关于“对于html的理解”这个话题的介绍,今天小编就给大家分享完了,如果对你有所帮助请保持对本站的关注!
本文来自作者[张明轩]投稿,不代表自寻号立场,如若转载,请注明出处:https://www.688zixun.com/zixu/326.html
评论列表(3条)
我是自寻号的签约作者“张明轩”
本文概览:网上有关“对于html的理解”话题很是火热,小编也是针对对于html的理解寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望能够帮助到您。HTML 的...
文章不错《对于html的理解》内容很有帮助