前言

看了一下各种面试题，选择题是必有的

所以我整理了一些经典的前端面试选择题，希望能对大家日后找工作有所帮助！

HTML/CSS

1、在 css 选择器当中，优先级排序正确的是（）

A、id选择器>标签选择器>类选择器

B、标签选择器>类选择器>id选择器

C、类选择器>标签选择器>id选择器

D、id选择器>类选择器>标签选择器

HttpMaster 专业版 5.8.3 是一个对于需要通过请求来自指定网站的多个资源以自动化测试 Web 应用程序的 Web 开发人员非常实用的应用程序。对于专业的 Web 开发人员来说，他们的应用程序需要先进的测试工具是理所当然的，无论是网站还是基于 Web 的应用程序。

HttpMaster Professional Edition 旨在满足许多人的应用程序测试需求，具有丰富的功能集。 HttpMaster 项目 使用 HttpMaster 时，您将大部分时间管理 HttpMaster 项目属性和项目内包含的请求项的属性。项目属性提供全局选项以自定义将要执行的互联网请求；对这些属性的更改会影响所有项目请求项。 HttpMaster 项目可以保存为带有 'hmpr' 扩展名的文件，以便以后重复使用。项目文件以 XML 格式内部存储。

你是否曾经试着点击或点击一个元素(例如:按钮、链接)，并且注意到只有单击该元素的特定区域，它才会响应？

必生这种情况是因为可点击区域未应用于整个元素。为了更加清楚，请参见下图，左图可点击区别(圈红部分)明显比右图的小很多，所以右图的实现用户体验会更好。

对于本文，会介绍一些事例，并通过事例演示如何增加可点击区别，提高用户体验。

WCAG准则

WCAG全称

元素类型

根据css显示分类，XHTML元素被分为 ?

三种类型:

块状元素，内联元素，可变元素 ?

&& ?

三种类型： 块状元素，内联元素，内联块元素(css2.1增加)

今天学习下css的伪类选择器，学习好伪类选择器，可以更好的写出精美的页面。

伪类选择器（Pseudo-class selectors）是CSS中一种特殊的选择器，它用于定义元素的特殊状态。这些状态不是由HTML直接定义的，而是由用户的行为或元素的特定状态触发的。伪类选择器允许你基于这些状态来应用样式规则，从而创建出更加动态和交互性强的网页。

伪类选择器通常与HTML元素或类选择器结合使用，以指定在特定条件下应如何显示这些元素。它们以冒号（:）开头，后跟伪类的名称和可能包含的参数。

表单中元素的共同属性和方法:

disabled 用于获取或设置表单控件是否被禁用

注意:true为禁止 false为可用 在HTML代码中disabled="disabled"来禁用表单元素

checked 对于单选按钮和复选框而言,选中则为true

defaultChecked 对于单选按钮和复选框而言,如果初始时是选中的则为true

在Vue3.0中，事件处理用v-on指令，表单输入绑定则用v-model指令。v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

9.1 文本输入

在HTML标签中，文本输入有单行(text)和多行(textarea)输入。温馨提醒:v-model 会忽略所有表单元素的value的初始值而总是将当前活动实例的数据作为数据来源。你应该通过 JavaScript 该组件的 data 选项中声明初始值。

CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HTML 元素应当是被选为应用规则中的 CSS 属性值的方式。选择器所选择的元素，叫做“选择器的对象”。

一、基本选择器

/* 通配选择器 */
* {}

/* 
 元素选择器：标签名 {}
 */
h1 {}
p {}

/*
 类选择器：.类名 {}
 */
.box {}
.center {}

/*
 ID选择器：#id值 {}
 */
#unique {}
#main {}