CSS学习——元素显示模式以及display

视频地址

一、块元素

常见的块元素有 <h1-6> ,<p>,<div>,<ul>,<ol>,<li>

块元素特点：

1. 自己独占一行
2. 高度，宽度，外边距，内边距都可以控制
3. 宽度默认是容器（父级宽度）的100%
4. 是一个容器，里面可以放行业和块级元素

注意点：

• 文字类的元素内不能使用块级元素 
• <p>标签主要用于存放文字，所以<p>下不能放<div>及其其他块级元素
• 同理 h1-6也是

二、行内元素

常见：<a>,<span>

行内元素(内联元素)特点：

1. 一行可以显示多个
2. 宽，高直接设置是无效的
3. 默认宽度是本身内容的宽度
4. 行内元素只能容纳文本或其他行内元素

注意点：

• 链接里面不能放链接
• 特殊情况a下可以放快级元素，但是给a转一下块级模式最安全

三、行内块元素

同时具有块元素和行内元素的特点，常见的有 <img /> <input /> <td>

其特点

1. 一行显示多个，但是相隔间有缝隙
2. 默认宽度是他的内容宽度
3. 宽高内外边距可控

四、元素显示模式转换

displa