-
作用: 标签选择器可以把某一类标签全部选择出来,比如所有的
<div>
标签和所有的<span>
标签 -
优点: 能快速为页面中同类型的标签统一样式
-
缺点: 不能设计差异化样式,只能选择全部的当前标签
-
如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器
-
类选择器在HTML中以class属性表示,在CSS中,类选择器以一个点
.
号显示
注意点:
-
类选择器使用
.
(英文点号) 进行标识,后面紧跟类名 -
不要使用纯数字、中文等来给类命名,尽量使用英文字母来表示
我们可以给一个标签指定多个类名,从而达到更多的选择的目的
注意点:
-
在标签class属性中写多个类名
-
多个类名中间必须用空格分开
-
这个标签可以分别具有这些类名的样式
使用场景与作用:
-
可以把一些标签相同的样式 (共同的部分) 放到一个类里面
-
这些标签都可以调用这个公共的类,然后再调用自己独有的类
-
节省CSS代码,统一修改也非常方便
-
id 选择器可以给标有特定 id 的 HTML 元素指定特定的样式
-
HTML 元素以 id属性 来设置id 选择器,CSS中 id 选择器 以
#
来定义
注意点:
-
id 属性只能在每个 HTML 文档中出现一次
-
.口诀:样式
#
定义,结构 id 调用,只能调用一次,别人切勿使用
CSS 中, 通配符使用*
定义,它表示选取页面中所有元素 (标签)
注意点:
-
通配符选择器不需要调用,自动就给所有的元素使用样式
-
经常用于清除元素标签的内外边距
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后的最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取
r。
需要完整面试题的朋友可以点击蓝色字体获取
[外链图片转存中…(img-YrGoIFZM-1712403368216)]
[外链图片转存中…(img-Ya6JunGD-1712403368216)]
[外链图片转存中…(img-ApUUMmUb-1712403368216)]
[外链图片转存中…(img-oX0gzqS6-1712403368217)]