day03

1.层级选择器
1.选中e的后代f e f{ }
2.选中e的子代f e>f{ }
3.选中e的后面的相邻兄弟f e+f{ }
4.选中e的后面的所有兄弟f e~f{ }

2.优先级：【面试题】
判定权重之和，和越大，越优先，如果和一致，后者覆盖前者。

    !important    行内样式    id    class    标签    *    继承    默认<br />             无穷            1000       100    10        1       0      -1       -2
    属性：属性值  !important ；

3.继承：有上下级关系的元素之间，上级元素的样式被下级元素拥有。
文本相关的和列表相关的样式都会被继承。

4.文本相关的属性
1.文字大小
font-size：px | em | rem
em是相对于父元素文字大小的倍数
rem是相对于*根元素html的文字大小的倍数

    2.文字**颜色**<br />                color: 颜色 ;<br />                颜色：英文单词<br />                #16进制的值<br />                rgb（R,G,B）
    3.文字**粗细**<br />                font-weight：normal或者400正常 | bold或者700加粗
    4.文字**样式**-是否倾斜<br />                font-style：normal正常 | italic | oblique 倾斜
    5.文字**类型**-宋体、微软雅黑<br />                font-family：'字体类型1','字体类型2',...;
    6.**行高**：一行文字所占的高度。<br />                          line-height:*px;<br />                          作用：1.单行文字垂直居中<br />                                     2.多行文本调整行间距 
    7.文本**修饰线**<br />                text-decoration:none没有 | underline下划线 | line-through贯穿线删除线;
    8.文本**水平对齐**方式<br />                text-align：left | right | center | justify两端对齐<br />                 注意：行级元素不能使用该属性。
    9.文本**首行缩进**<br />                text-indent:*px ;<br />                注意：行级元素不能使用该属性。
    10.**大小写转换**<br />                text-transform:capitalize 首字母大写 | uppercase大写 | lowercase小写
    11.**字间距**<br />                letter-spacing:*px;
    12.**词间距**<br />                word-spacing:*px;

5.列表样式
list-style:none; 去掉列表的样式

6.背景相关的属性
背景颜色 background-color:颜色；
背景图片 background-image:url(图片的位置)；
背景平铺 background-repeat:no-repeat不重复 | repeat-x水平方向重复；
背景图的位置 background-position:x的坐标 y的坐标 ; [x和y可以是数字也可以是方向的英文]
背景是否固定 background-attachment: fixed固定 | scroll滚动;

背景的复合属性 background:颜色 url(图片路径) 重复的设置 位置的坐标; [值与值之间用空格隔开，不论先后！]
注意： 单个和复合一起的时候，必须复合在前，单个在后！！！