块元素（bolck elemet）

主要用于页面布局，在网页中独占一行

行内元素（line element）

主要用于包裹文字，不会独占一行

规则：

一般情况下：用块元素包含行内元素，反之不可
1.块元素可以包含任何元素
2.p元素（块元素）不能包含任何块元素

用块元素包含行内元素

 <p>我是<em>块</em>元素</p>

浏览器自动修正：

在网页中书写了不符合网页规则的代码时，浏览器会进行自动优化修正。

标签写在了根元素（html标签）的外部
p元素包含了块元素

错误示范：

<html><head><title>浏览器自动修正不符合网页规范的代码</title></head><body><p><h1>哈哈哈</h1></p></body>
</html>
<p>我就是要写在这里！</p>

浏览器自动修正效果：

完整代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=s, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 块元素（block element）：在网页中独占一行，主要用于页面布局行内元素（line element）：不会独占一行，主要用于包裹文字。规则：一般用块元素包含行内元素，反之不行快元素能够包含任何元素注意：p元素（属块元素）内不能包含块元素--><!-- 快元素包含行内元素 --><p>我是<em>块</em>元素</p><!--浏览器解析网页时，会自动对网页中不符合规范的内容进行修正 例如：标签写在了跟元素的外部p元素包含了块元素根元素中出现了除head和body以外的其他元素--><p><h1>哈哈哈</h1></p>
</body>
</html>
<p>我就是要写在这里！</p>

块元素和行内元素（初步）相关推荐

css标签显示特性（块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例）
HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...
CSS的元素显示模式（块内元素和行内元素）
CSS的元素显示模式:块内元素和行内元素. 块内元素:<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li& ...
CSS里常见的块级元素和行内元素
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为"block&q ...
CSS样式----块级元素和行内元素
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素:s ...
[HTML/CSS]盒子模型，块级元素和行内元素
目录概述盒子模型块级元素行内元素可变元素总结概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...
CSS块级元素和行内元素
1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...
5、HTML块级元素及行内元素
在 HTML 中,标签(tag)通常又被称作元素(element).例如 <a> 标签又叫做 <a> 元素,<p> 标签也叫作 <p> 元素. HTML ...
块级元素和行内元素的区别
块级元素和行内元素的区别: 1.块级元素会独占一行,其宽度自动填满其父元素宽度行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的 ...
继承性和层叠性权重盒模型 padding(内边距) border(边框) margin 标准文档流块级元素和行内元素...
内容总结: 1.继承性和层叠性继承性: 像一些文本的属性: color,text-*,line-*,font-* 这些属性是可以继承下来的2.层叠性就是权重 ,谁的权重大就显示谁的属性如何看权重:就 ...

块元素和行内元素（初步）

块元素（bolck elemet）

行内元素（line element）

规则：

浏览器自动修正：

完整代码

块元素和行内元素（初步）相关推荐

最新文章

热门文章