html行内标签和块级标签有哪些？css常用的伪类和伪元素有哪些? 什么是作用域？作用域链又是什么？

一省：HTML

4. html行内标签和块级标签有哪些？

行内标签：<a>、<b>、<i>、<s>、<u>、<em>、<del>、<ins>、<span>、<strong>

块级标签：<p>、<h1~h6>、<ul>、<ol>、<dl>、<li>、<dd>、<dt>、<div>、<form>、<table>

行内块标签：<img>、<input>、<textarea>、<select>、<td>、<label>

区别：
| 特点 | 行内 | 块级 | 行内块 |
| -- | -- | -- | -- |
| 排列 | 一行多个 | 一行一个 | 一行多个 |
| 宽高 | 不可设置 | 可以设置 | 可以设置 |
| 默认宽度 | 内容撑开 | 100% | 内容撑开 |

二省： CSS

4. css常用的伪类和伪元素有哪些？它们的区别是什么？

1. 伪类：CSS 伪类是添加到选择器的关键字，用于指定所选元素的特殊状态。常用：

   :hover //鼠标滑过的效果
   :active //a标签点击的效果
   :focus //表单元素聚焦的效果
   :first-child //选中第一个子元素
   

2. 伪元素：伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。

   ::after //在某元素之后插入内容
   ::before //在某元素之前插入内容
   ::first-line //将样式添加到文本的首行
   

   区别： 伪类是单冒号，伪元素是双冒号；伪类和伪元素的主要区别在于实现效果的过程中有没有创造新元素。

三省：JavaScript

4. 什么是作用域？作用域链又是什么？

1. 作用域：作用域是当前的执行上下文，js中作用域分为全局作用域和函数作用域。

• 全局作用域：函数作用域和块级作用域之外的作用域。
• 函数作用域：函数内部的作用域。
• 额外作用域：let、const产生的块级作用域（花括号包括的作用域）。

var str = "hello" //全局作用域
function fn() {
   
  var name = "Jack" // 函数作用域
}

{
   
  let name = "Lily" // 块级作用域
}

2.作用域链：是在使用变量时，从内到外，自下而上（作用域）查找的链条。