一、前端基础-html-块级元素和内联元素
原创
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 块级元素
1、总是在新行上开始，占据一整行。
2、高度，行高以及外边距和内边距都可控制。
3、宽带始终是与浏览器宽度一样，与内容无关。
4、它可以容纳内联元素和其他块元素。
常见块级元素
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
-->
<div>div标签是块级元素，独占一行，前后自动换行</div><div>div标签是块级元素，独占一行，前后自动换行</div>
<!-- 内联元素
1、和其他元素都在一行上。
2、高，行高及外边距和内边距部分可改变。
3、宽度只与内容有关。
4、行内元素只能容纳文本或者其他行内元素。
注意：不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用。
常见的内联元素
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
-->
<span>span是内联元素，和其他元素在同一行</span><span>span是内联元素，和其他元素在同一行</span>
<!-- 内联块级元素（同时具备内联元素、块级元素的特点）
1、和其他元素都在一行上。
2、元素的高度、宽度、行高以及顶和底边距都可设置。
常用的内联块状元素有
<img>、<input>
-->
<!-- 嵌套规则
1、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，他只能包含其他内联元素。
2、块级元素不能放在P标签里
3、有几个特殊的块级元素只能包含内联元素，不能包含块级元素如h1-6,p,dt
4、li标签可以包含div
5、块级元素与块级元素并列，内联元素与内联元素并列。
-->
</body>
</html>原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
