<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>行级块级标签</title>
</head>
<body>
<!-- 1.宽高
宽度 width:100px;
高度 height:200px;
-->
<!-- 2.行块级元素的区别
一.块级标签独占一行
行级元素默认区域为文本区域，由文本撑开
二.块级标签可以设置宽和高
行级标签不可以设置宽和高
三.块级标签display：block;
行级标签display:inline;
四.行级块级标签是可以通过display属性来相互切换。
五.行级标签可以处于同一行
块级标签不能处于同一行
不展开显示，不显示这个标签
display:none;
-->
<span style="width: 100px;height: 100px;/*display: block;*/ background-color: red ">我是一个span</span>
<div style="height: 100px; background-color: green ">1</div>
<div style="width: 150px;height: 150px; background-color: yellow">2</div>
<div style="width: 200px;height: 200px; background-color: blue ">3</div>
</body>
</html>
行级块级元素
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 预览HTML文件： 要预览一个web页面，只需打开web浏览器，选择File|OpenFile(或者根据浏览器的不...
- 元素是文档结构的基础，在CSS里面，每个元素生成了包含内容的框（box），称为盒子。但是不同的元素显示方式是不同的...
- html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。 常用的块状元素有： 、 、 .....
- 在HTML中元素可分为两大基本类型，块级元素(block element)和行内元素(inline element...
