java学习阶段二 前端基础（css浮动）

java学习阶段二 前端基础（css浮动）

介绍

略

基本知识

• DIV

  div基础设置
  {
  background-color: 背景颜色
  ;宽度
  height:;高度
  postiion:;初始位置
  top:;距顶格距离需要基于position
  left:;距左边距离 需要基于position
  overflow 溢出内容设置 
  overflow属性 visible 默认溢出显示 hidden 超出部分隐藏 scroll 无论是否需要都都显示滚动条 auto 按需显示滚动条
  outline 轮廓设置 属性 dashed 虚线 dotted 点状轮廓 solid实线 double 双线
  border-left/right/top/bottom 边框四面 属性：solid实线
  margin-四个方向 对象之间的距离
  padding-四个方向 文本和边框之间距离
  }
  

• 行，块

  行级元素可以多个占一行

  块级元素一个占一行

• 定位机制

  网页的排版基础为文档流

  从上到下自动换行

  而托标流通过定位确认位置达到块级元素同行

  脱标流
  float 属性 left right none
  浮动状态
  崩塌:在文档流中父元素会随着子元素的扩充而强行改变高度 但将子元素变为脱标流将无法撑开父元素高度
  包裹（父元素标准 子元素脱标）
  包裹：子元素宽高大于父元素 父元素包裹子元素（父元素脱标）
  

注意事项

1 浮动元素在行元素上时 行元素会自动调整不会被遮挡