前端学习3

1. 群组选择器
   1. 交集选择器：p.box{} 权重11
   2. 并集选择器：.div1,.div2{} 权重10
2. 通配符选择器
   1. *{}权重最低，用来初始化样式
3. css属性
   1. font-style：inalic（斜体）
   2. font-family
   3. color
   4. text-align：center，left，right，justify(两端对齐)
   5. font-weight:bold
   6. text-decoration:underline,overline,line-through,none
   7. text-indent：2em 首行缩进2
   8. line-height 设置行高
   9. 图片的居中显示：父元素设置line-height text-align：center；vertical-align：middle; (top，bottom，baseline；)
4. 颜色：
   1. rgb
      1. rgb（255,0,0）红色
      2. rgb（0,0,0）黑色
      3. rgb（255,255,255）白色
   2. 十六进制
      1. 0-9，a-f
      2. #ff0000 红色
      3. #000000 黑色
      4. #ffffff白色
5. 边框border（边框结构必须有才能给其他样式）
   1. solid dashed sotted double groove(渐变)
   2. 三角形写法 width：0；给四个边框为100px 其余三个颜色为transparent。
   3. border-style(边框样式)
6. 列表属性 list-style：none
7. 背景属性
   1. 如果要让div全屏显示，给body height：100%，然后给html height：100%，再给div height：100%；
   2. background-color
   3. background-size：width，height
   4. background-repeat：no-repeat，repeat
   5. background-attachment:fixed/scorll
   6. background-position:
      1. background-position-x
      2. background-position-y
   7. background-image:url()
8. float浮动
   1. 清除浮动 clear
   2. 特点：脱离文档流，元素横向排列