标准文档流(Normal flow)

特点:

  从上到下,从左到右,输出文档内容

  由块级元素和行级元素组成

  块级元素:

    从左到右撑满页面,独占一行

    触碰到页面边缘时,会自动换行 

  块级标签:

    div、ul、li、dl、dt、p......

   行级元素:

    能在同一行内显示

    不会改变HTML文档结构

   行级标签:

    span、strong、img、input......

块级元素和行级元素都是盒子模型。

盒子模型=网页布局的基石,由四部分组成:

边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)

设置顺序是顺时针:上、右、下、左。

 三个值(上、左右、下)

 两个值(上下、左右)

 一个值(上下左右)

盒子的层次模型(由上到下)

边框(border)、盒子中的内容(content)+内边距(padding)、背景图像(background-image)、背景颜色(background-color)、外边距((margin)

盒子模型的尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容(content)

浮动(Floats)

绝对定位(Absolute possitioning)

相关文章:

  • 2022-12-23
  • 2022-02-19
  • 2021-09-22
  • 2021-05-02
  • 2022-03-02
  • 2021-12-14
猜你喜欢
  • 2022-12-23
  • 2021-07-26
  • 2021-10-10
  • 2021-12-15
  • 2021-09-09
  • 2021-12-09
相关资源
相似解决方案