网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
id选择器
- CSS中使用 # 开头表示 id 选择器
- id 选择器的值和 html 中某个元素的 id 值相同
- html 的元素 id 不必带 #
- id 是唯一的,不能被多个标签使用(是和 类选择器 最大的区别)
#fe{
font-size: 90px;
}
#sever{
color:aquamarine;
}
前端开发
后端开发
通配符选择器
使用 * 的定义,选取所有的标签.
* {
color: red ;
}
- 页面所有的内容都会被改成 红色.
- 不需要被页面结构调用.
通配符选择器在实际应用开发中用来针对页面中所有的元素默认样式进行消除,主要用来消除边距
#fe{
font-size: 90px;
}
#sever{
color:aquamarine;
}
*{
background-color: beige;
}
前端开发
后端开发
复合选择器
复合选择器
:将之前学习的基础选择器进行组合
后代选择器通过子元素找父元素
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
通过选择器的组合
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
给超链接文字换颜色
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
- 吃饭
伪类选择器
伪类选择器:用来定义元素状态
链接伪类选择器
a:link 选择未被访问过的链接 a:visited 选择已被访问过的链接 a:hover 选择鼠标指针悬停上的链接 a:active 选择活动链接(鼠标按下但未弹起) |
现在我们要使用伪类选择器来实现: 默认时刻超链接展示黑色 当鼠标悬停到上面时,此时展示红色 按下鼠标时展示绿色 |
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
297956945)]
[外链图片转存中…(img-zqlreqmg-1715297956945)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!