CSS选择器

1.css复合选择器

（1）为了可以选择更准确更精细的目标元素标签。

（2）复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的

1.1  后代选择器（包含选择器）

（1）作用：用来选择元素或元素组的子孙后代

（2）外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子；父级 子级{属性:属性值;属性:属性值;}。eg..class h3{color:red;font-size:16px;}

1.2  子代选择器

（1）作用：子元素选择器只能选择作为某元素子元素(亲儿子)的元素。

（2）父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接，eg..class>h3{color:red;font-size:14px;}

1.3  交集选择器

      交集选择器 是 并且的意思。 即...又...的意思，既有标签一也有标签二的特点; eg.h3.class{color:red;font-size:12px},其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.demo。

1.4  并集选择器

　  定义某些相同的样式可以采用并集选择器，增加代码的整洁性。并集选择器（CSS选择器分组）是各个选择器通过（逗号）连接而成的，通常用于集体声明eg.h3，div{color:red;font-size:12px}

1.5  伪类选择器

用：eg:hover{}

链接伪类

　　a:link /* 未访问的链接 */

　　a:visited /* 已访问的链接 */

　　a:hover /* 鼠标移动到链接上 */

　　a:active /* 选定的链接 */

记忆方法： L V  h a

2.标签显示模式（display）

（1）块级元素block（自己独占一行，有宽高），常见的有<h1>~<h6>,<p>,<div>最典型块级元素，<ul>、<ol>、<li>

（2）行内元素inline  默认宽度就是它本身内容的宽度（特殊里面可以转换块级元素，链接里面不能再放链接），常见的有<a>、<strong>、<em>、<i>、<del>、<s>、<ins>、<span>最典型行内

（3）行内块  相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。一行可以显示多个；默认宽度就是它本身内容的宽度；高度，行高、外边距以及内边距都可以控制。inline-block <img/>、<input>、<td>

块转行：display：inline；

行转块：display：block；

块、行内元素转换为行内块： display: inline-block;

3.行高

 基线到基线的距离成为行高；

 行高=盒子个高度，可以上单行文本居中。