关于前端:html行内标签和块级标签有哪些

58次阅读

共计 833 个字符,预计需要花费 3 分钟才能阅读完成。

一省: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. 作用域链:是在应用变量时,从内到外,自下而上(作用域)查找的链条。

正文完
 0