自学前端第四天

后代选择器:空格隔开的是后代，儿子，孙子，重孙子 写法： div a{}

子代选择器：> 只想选中儿子 写法：div>a{} (emmet语法:ul>lu{内容}*数字)

并集选择器：给选择器1，选择器2，选择器3设同一个样式 写法：a,div,span{} (工作中一个标签写完要换行)

交集选择器：直接标签选择器加类选择器，中间没有别的东西 写法：p.good{} (emmet语法:p.red#one)

伪类选择器：标签悬停时出现的样式，任何标签都可以使用伪类 写法：a:hover{}

背景颜色：第一种,background-color: blue; （ emmet语法:bgc）

第二种, background-color: #fff;

第三种， background-color:rgba(red, green, blue, alpha) （红绿蓝三原色，a是透明度0-1）

背景图片：（ emmet语法:bgi）

背景平铺：平铺：background-repeat: repeat; 不平铺background-repeat: no-repeat;

沿着x轴平铺：background-repeat: repeat-x; 沿着y轴平铺： background-repeat: repeat-y;

背景位置：第一种：background-position: 0 0; （第一个值写right/center/left 第二个值写top/center/bottom）

第二种：background-position: 30px 40px; （正数向右向下移动，负数向上向左移动，背景色和背景图只显示在盒子里面）

背景复合属性：（不分前后顺序：背景色 背景图片（url） 是否平铺 位置）

background: pink url(./1.jpg) no-repeat right bottom;

图片位置用英文时可以调换位置 （background: pink url(./1.jpg) no-repeat bottom right;）

图片位置用数值时不可以调换位置 （background: pink url(./1.jpg) no-repeat 50px 100px;）

显示模式-块：div/p/h系列/ul/li/dl/dt/dd/form/header/nav/footer等 （块，独占一行，默认和父级一样宽，设置的宽高都生效）（转换成行内：display: inline; 转换成行内块：display: inline-block; 转换成块：display: block;） （块可以嵌套文本/块级元素/行内元素/行内块元素等，但是：p标签中不要嵌套div/p/h等块级元素。a标签可以嵌套任意元素，但是：a标签不能嵌套a标签）

显示模式-行内：span/a/b/u/i/s/strong/ins/em/del等 （不换行，设置宽高不生效宽高和内容大小相同）

显示模式-行内块：input/textarea/button/select 等 （一行多个，设置宽高生效）

css特性继承性：一个div里面文字控制属性都可以继承，但是a标签和h标题系列标签不能继承，因为有默认的样式

css特性层叠性：中间隔了很多代码，后面又设置了颜色 ，后面的覆盖前面的，工作中有类标签的属性同样层叠生效，当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果。