css盒子模型

盒子模型理解

content内容

  1. 内容可以是文本,图片等多种类型
  2. 属性:width height overflow 【1】hidden:溢出部分不可见【2】visible:溢出内容信息可见,只是被呈现在盒子外部【3】scroll:滚动条自动添加到盒子中,用户可以通过拉动滚动条显示内容信息【4】auto:由浏览器处理溢出部分

padding填充

1.填充内容和边框空间(文本内容和边框)
2.属性:padding-top padding-left padding-bottom padding-right

border边框

1.属性:brder-style十分重要,不指定边框样式其他边框都会被忽略,边框不存在:dotted(点线)、dashed(虚线)、solid(实线),border-width:可以指定边框宽度,可以是规定的thin、medium、thick, border-color

margin空白边

1.是盒子的外围
2.属性:margin-top …,与填充属性类似,对于相邻的(水平或垂直的)且设置有空白边值的盒子,边界会合并,取值大的

相关文章:

  • 2022-01-15
  • 2021-06-23
  • 2021-07-08
  • 2021-09-09
  • 2022-12-23
  • 2022-12-23
  • 2021-04-24
  • 2021-10-26
猜你喜欢
  • 2022-03-04
  • 2021-10-04
  • 2021-11-02
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案