CSS-2基础

最新推荐文章于 2024-08-04 21:23:42 发布

simple_bn

最新推荐文章于 2024-08-04 21:23:42 发布

阅读量83

点赞数

分类专栏：前端学习笔记文章标签： html css

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_37164679/article/details/123255245

版权

前端学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

学习目标

在这里插入图片描述

1、Emmet语法

#是id，.是类在这里插入图片描述

2、CSS复合选择器

2.1后代选择器（重要）

在这里插入图片描述

2.2子选择器

在这里插入图片描述

2.3并集选择器（重要）

并集选择器用到逗号隔开
在这里插入图片描述

2.4伪类选择器

后代选择器、并集选择器、链接伪类选择器最重要
在这里插入图片描述

3、CSS元素显示模式

在这里插入图片描述

元素显示模式转换：

在这里插入图片描述
案例：

在这里插入图片描述

Document 手机电话卡电视盒子笔记本出行智能健康

4、伪元素

在这里插入图片描述
before和after一般用到的比较多

5、样式的继承以及选择器的权重

并不是所有的样式都会被继承
在这里插入图片描述

6、单位

6.1长度单位：

在这里插入图片描述

6.2颜色单位：

在这里插入图片描述

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS-2基础

文章目录1、Emmet语法2、CSS复合选择器2.1后代选择器（重要）2.2子选择器2.3并集选择器（重要）2.4伪类选择器3、CSS元素显示模式学习目标1、Emmet语法#是id，.是类2、CSS复合选择器2.1后代选择器（重要）2.2子选择器2.3并集选择器（重要）并集选择器用到逗号隔开2.4伪类选择器后代选择器、并集选择器、链接伪类选择器最重要3、CSS元素显示模式元素显示模式转换：案例： Documen
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。