2024年前端最全CSS的三种基础选择器(1)，2024大厂Web前端高级面试题及答案

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

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

  

标签选择器

一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明这些标签的，因为每一个 HTML 标签的名称都可以作为相应的标签选择器的名称。

示例：

下面是一段html代码：

学习

我爱学习，学习使我快乐。

如果我们要为这两个标签定义 CSS 样式，就可以直接在 .css 文件内通过标签选择器来声明样式：

h3{
color: red ;
}
p{
color: green;
}

CSS 语法就是由选择器和**声明块 {}**组成，每个声明块中可以包含一个或多个样式声明，并且每条声明后面以分号 ; 结尾。

除了上述例子中的 p、h3 标签可以作为标签选择器，其他的例如html、body、a、img等标签都是可以作为标签选择器的。

类选择器

类选择器用于描述一组标签的样式，一个类选择器可以在多个标签上使用。
语法：

.class_name{

属性：属性值;
}

类选择器前面必须有一个点 .，这个点必不可少，是类选择器的标志。类选择器的名称 class_name 是自定义的，选择器中的属性和属性值跟标签选择器中一样。

示例：
html代码：

动物园

小白兔

小狮子

小老虎

小猴子

要给“小兔子” 字体样式设置为粉色加粗，可以自定义一个类选择器：

.rabbit{
color: pink;
font-weight: bold;
}

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

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

486d4c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-jTLpFzok-1715493766733)]

[外链图片转存中…(img-SWOaR6wU-1715493766734)]