一省: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中作用域分为全局作用域和函数作用域。
  2. 全局作用域:函数作用域和块级作用域之外的作用域。
  3. 函数作用域:函数内部的作用域。
  4. 额外作用域:let、const产生的块级作用域(花括号包括的作用域)。

    var str = "hello" //全局作用域
    function fn() {
      var name = "Jack" // 函数作用域
    }
    
    {
      let name = "Lily" // 块级作用域
    }
    
  5. 作用域链:是在使用变量时,从内到外,自下而上(作用域)查找的链条。

如果有来生
1 声望0 粉丝