CSS全局样式的设置，深入剖析

正文

• HTML中的标签从闭合的角度可以分为闭合标签和空标签。而HTML中大部分标签都是闭合标签，其他少数为空标签；

• 常见的空标签：
  <input />、 <img />、 <area />、 <base />、 <link />等

• HTML中对标签另一种分类方式，是根据标签在文档中的位置特性进行分类的，它将元素分为三类：块级元素，行内元素，行级块元素（也称块级行元素）。

块级元素（block):

特点：
（1）可以设置宽高、内、外边距；
（2）独占一行（即前后均有换行）；
（3）块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

常见的块级元素：
<div>、<p>、<h1>、<h2>…<h6>，<ol>、<ul>、<dl>、<li>.、<form>、<table>

行级元素(inline):

特点：
（1）不可设置宽高、上下内、外边距。（左右内、外边距设置有效）
（2）其宽度和高度由其内容自动填充。
（3）其他行级元素共处一行 ；

常见的行级元素：
<a>、<span>、<i>、<lable>等

行内块元素（inline-block):

特点：
（1）可以设置宽高、内外边距；
（2）可以与其他行内元素、内联元素共处一行；

常见的内联元素：<input>、<img>

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

![](https://upload-images.jianshu.io/upload_images/25340939-f5f6dbafbf59b3ba.png?i

戳这里领取完整开源项目：【一线大厂前端面试题解析+核心总结学习笔记+Web真实项目实战+最新讲解视频】

记+Web真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)

mageMogr2/auto-orient/strip%7CimageView2/2/w/1240)