web前端学习之路的第六天

这篇博客介绍了CSS中的复杂选择器,包括后代选择器、子代选择器、并集选择器和伪类选择器如:focus。同时,讲解了元素的显示模式,如块元素、行内元素和行内块元素,并详细阐述了如何通过display属性转换显示模式。还探讨了背景颜色、背景图片、背景平铺和定位等基础知识,以及如何实现背景的复合写法和半透明效果。

简介:今天是学习前端的第六天,也是学习css的第二天,学的东西有点杂。
**一.复杂选择器:**由基础选择器组成的一系列复杂选择器。
1.后代选择器:基础选择器之间加个空格
在这里插入图片描述
2.子代选择器:在这里插入图片描述
3.并集选择器:并集选择题一般用来竖着写,且最后一个选择题不能加逗号,任何选择器都可以
在这里插入图片描述
4.链接伪类选择器:一般链接与标题都需要单独定义格式,但是在实际开发中一般都只用a标签选择器和a:hover复合选择器
在这里插入图片描述
在这里插入图片描述
5.focus伪类选择器:
在这里插入图片描述
6.选择器总结:
在这里插入图片描述
二:元素的显示模式:
1.块元素:
在这里插入图片描述
2.行元素
在这里插入图片描述
3.行内块元素在这里插入图片描述
4.显示模式的转换:display主要的。
在这里插入图片描述
5.单行文字的垂直居中的原理:使用行高(line-height)等于盒子的高度。当行高大于盒子,文字偏下,当行高小于盒子,文字偏上。
6.背景颜色:
在这里插入图片描述
7.背景图片:
在这里插入图片描述
8.背景平铺:
在这里插入图片描述
9.背景位置:
在这里插入图片描述
在这里插入图片描述
10.背景位置固定:
在这里插入图片描述
11.复合写法:
在这里插入图片描述
12.背景半透明:
在这里插入图片描述

13.总结:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值