简介:今天是学习前端的第六天,也是学习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.总结:

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

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



