web（网页设计）4

CSS复合选择器以及标签显示模式（dispay)重点

1. css复合标签选择器
   （1）后代选择器（重点中的重点）
   后代选择器又称包含选择器，作用：用来选择元素或元素组的子孙后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分开，先写爷爷后写儿子孙子
   父级 子级 孙级：{属性1：属性值1；属性2：属性值2；}
   列：.class h3{color：red；font-size:16px;}
   （2）子元素选择器
   子元素选择器只选择作为某元素的子元素（亲儿子）元素，其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个">"进行连接
   列：.class>h3{color:red; font-size:16px;}
   这里的子指的是亲儿子，不包含子孙重孙子之类。只选亲儿子，不选孙子级以下的
   （3）交集选择器
   交集选择器有两个选择器构成，找到的标签必须满足：既有标签一（1）的特点，也有标签二（2）的特点（取他们公共相同的部分）即是标签又是类选择器
   列：h3.class{color:blue;font-size:10px;}
   （4）并集选择器（重点）
   如某些选择器定义样式完全相同，或相同的样式，就可利用并集选择器，可让代码更整洁，并集选择器（css选择器分组）是各个选择器通过“，”连接而成，通常用于整体声明
   列；.class,h3{color:blue;font-size:10px;}
   任何形式的选择器（包括标签选择器、class选择器id选择器等）都可用作为并集选择器来用，比如：.noe,p,#test{ color:#F00; }表示.noe和p和#test 这三个选择器都会执行颜色为红色，通常用于集体声明。
   （5）链接伪类选择器（重点）
   类选择器是一个点“.”如：.demo{},而我们的为类选择器用2个点就是冒号“：”如： ：link{}，作用是向某些选择器添加特效的效果，比如给链接添加效果，如课选择第一个，第n个元素，因伪类选择器很多如：链接、结构伪类等
   a:link未访问的链接
   a:visited已访问链接
   a:hover鼠标移动到连接上
   a:active选定的链接
   注意：写的时候他们的顺序尽量不能颠倒 按照lvha（上面冒号后的单词的首字母）的顺序，否侧可能会引起错误
   

2. 标签显示模式
   有三种显示模式可以相互转换
   （1）块级元素（block-level）
   常见块级元素有：
   等，div是典型的块级元素。
   （2）行内元素（inline-level)
   
   一行放多个元素，一行可以显示多个如：span标签，他的高、宽不能设置，默认宽度就是他本身内容的宽度，行内标签只容纳文本或其他行内元素
   注：链接里面不能有链接，特殊情况a里面可以放块级元素，但是给a转换一下块级元素更安全
   （3）行内块元素（inline-block)
   
   和相邻行内元素（行内块）在一行上，但是之间会有空白缝隙，一行可以显示多个，默认宽度就是他本身内容的宽度，高、宽、外边距、内边距都可控制。