块级元素(block)

常见的块元素有

~

、

、

、

、
、
1. 等，其中
   标签是最典型的块元素

   块级元素的特点：
   （1）总是从新行开始
   （2）高度，行高、外边距以及内边距都可以控制
   （3）宽度默认是容器的100%

   行内元素(inline)

   常见的行内元素有、、、、、、、、、等，其中标签最典型的行内元素。

   行内元素的特点：
   （1）和相邻行内元素在一行上，但是之间会有空白缝隙
   （2）高、宽无效，仅外边距【水平方向】以及内边距【水平方向】可以正常控制
   （3）宽度默认就是它本身内容的宽度

   注意：

   如果元素为行内元素，其垂直方向的内边距也会生效，只是该元素会脱离标准流，并不占据文档流，还会将其他元素覆盖，强烈不建议使用
   

   111
   222
   333
   
   .el-inline{
     background-color: antiquewhite;
     padding: 10px 50px;
     display: inline;
   }
   .el-block{
     height: 20px;
     background-color: #f00;
     border: 1px solid #000;
   }
   

   行内块元素（inline-block）

   在行内元素中有几个特殊的标签: 、、，可以对它们设置宽高和对齐属性，它们被称为行内块元素。

   行内块元素的特点：
   （1）和相邻行内元素（行内块）在一行上，但是之间会有空白缝隙
   （2）高度，宽度、外边距以及内边距都可以控制
   （3）宽度默认就是它本身内容的宽度

   CSS

相关

---

DOM修改 使用DOM操作CSS

HTML和CSS

1.css布局技巧

Scss支持多主题切换的方案实现

google icons 的使用 和 css 设置图标为 loading 状态

node-scss npm的时候报错

CSS设置文字超出部分自动换行

整理gulp自动化构建工具(包含PostCss)

CSS背景属性

css中溢出的处理

51-Web基础-CSS

CSS3与页面布局学习总结（四）——页面布局大全