css笔记下 | 青训营后代选择器（重要）后代选择器可以在多层嵌套一直寻找后代下去子元素选择器（重要）元素一是父亲

后代选择器又称为包含选择器，可以选择父元素里面的子元素。写法：将外层的标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。格式：父级子级{属性:属性值;属性:属性值;}

子元素选择器只能选择作为某元素子元素的元素，就是选亲儿子元素。
写法：把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接。
语法：.class>h3{color:red;font-size:14px;}

并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。
格式：元素1,元素二{ 样式声明 }

伪类选择器：用于向某些选择器添加特殊的效果。比如给链接添加特殊效果，比如可以选择第1个，第n个元素。特点是用（:）冒号来表示。

a:link / 未访问的链接 /

a:visited / 已访问的链接 /

a:hover / 鼠标位于其链接上 /

a:active / 选定的链接（鼠标按下未弹起） /

注意
1.写的时候，他们的顺序尽量不要颠倒按照 lvha(四类的首字母) 的顺序。否则可能引起错误。
2.因为叫链接伪类，所以都是利用交集选择器 a:link a:hover。
3.因为a链接浏览器具有默认样式，所以我们实际工作中都需要给链接单独指定样式。
实际开发中，我们很少写全四个状态，一般只会用到个别（hover鼠标经过）
一般我们写法如下：

:focus 伪类选择器用于获取获得焦点的表单元素。

CSS字体属性

CSS fonts(字体)属性用来定义字体系列、大小、粗细、和文字样式（斜体，下划线等）
可以写多个字体，每个字体之间用逗号隔开。前面字体没有往后找，这是防止没有你要的字体。

作用:在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如< div >自己占一行,比如行可以放多个< span >。

常见的块元素有< h1 >~< h6 >、< p >、< div >、< ul >、< ol >、< li >等,其中< dⅳ >标签是最典型的块元素。

块级元素的特点:
①比较霸道,自己独占一行。
②高度,宽度、外边距以及内边距都可以控制。
③宽度默认是容器(父级宽度)的100%
④是一个容器及盒子,里面可以放行内或者块级元素。
注意
①文字类的元素内不能使用块级元素
②< p >标签主要存放文字，因此< p >里面不能放块级元素，特别是不能放< dⅳ >
③同理，< h1 >~< h6 >都是文字类块级标签，里面也不能放其它标签
行内元素

常见的行内元素有< a >、< strong >、< b >、< em >、< i >、< del >、< s >、< ins >、< u >、< span >等,其中< span >标签是最典型的行内元素。有的地方也将行内元素称为内联元素。

①相邻行内元素在一行上,一行可以显示多个
②高、宽直接设置是无效的
③默认完度就是它本身内容的完度
④行内元素只能容纳文本或其他行内元素

在行内元素中有几个特殊的标签——< img />、< input />、< td >,它们同时具有块元素和行内元素的特点。有些资料称它们为行内块元素。

行内块元素的特点
①和相邻行内元素(行内块)在一行上,但是他们之间会有空白缝隙。一行可以显示多个(行内元素特点)。
②默认宽度就是它本身内容的宽度(行内元素特点)。
③高度,行高、外边距以及内边距都可以控制(块级元素特点)
显示模式的转换

特殊情况下，我们需要元素模式的转换。一个模式的元素需要另外一种模式的特性，比如想要增加链接< a >的处罚范围。

背景

背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。