day5 july 18

38 阅读1分钟

p38 继承

  • p元素里不能写块元素
  • 继承发生在祖先后代之间
  • 背景相关,布局相关都不会继承

p39 选择器的权重

  • 内联样式(直接写在元素标签里):1,0,0,0
  • id选择器:0,1,0,0
  • 类和伪类:0,0,1,0
  • 元素选择器:0,0,0,1
  • 优先级相同,后写的生效
  • 继承的样式没有优先级

p40 像素和百分比

  • 长度单位
    1. 像素
    2. 百分比

p41 em和rem

  • em:相对于元素的字体大小
  • rem:相对于根元素额字体大小

p42 rgb值

  • 每一种颜色的范围在0-255(0%-100%)
  • rgba:多了透明度效果
  • 十六进制rgb值

p43 HSL值

  • H 色相 (0-360)
  • S 饱和度 0%-100%
  • L 亮度 0%-100%

p44 文档流

  • 块元素:
    1. 块元素在页面中独占一行
    2. 默认宽度是父元素的全部,高度是被内容撑开的
  • 行内元素
    1. 宽高都由内容撑开
    2. 不会独占一行,只占自身大小

p45 盒子模型

p46 盒子模型边框

  • top right bottom left

p47 盒子模型=内边距

  • 盒子大小由内容区,内边距,边框组成

p48 盒子模型-外边距

  • margin正值
  • margin负值

p49 水平方向的布局

  • 7个值:width
  • 过度约束

p50 垂直方向的布局

  • overflow:visible/hidden/scroll/auto
  • overflow-x
  • overflow-y