CSS相关-宽高设置和居中

关于宽高设置:

1. 内联

从左到右 无法设置宽高 内联里可以有内联 高由文字决定 高可以用lineheight或fontsize设置

2. 块级

  • 宽:父亲内容区宽-左右边框-左右margin
  • 高:内部文档流元素高度总和

3. inline-block元素(慎用)

  • 宽:设置with 内容
  • 高: lineheight fontsize
  • 会出现缝隙bug

关于居中:

水平

1. 内联

内加table:c

2. 块级

  • 定宽:左右margin auoto
  • 不固定: 给margin就行

垂直

line-height padding

CSS层级

由内到外分别是:

  • z-index=-1
  • background
  • div
  • 浮动
  • 文字
  • 绝对定位
  • z-index=1

你可能感兴趣的:(CSS相关-宽高设置和居中)