css布局和模型思维导图
互联网前端层叠样式表，计算机基础语言css布局和模型
树图思维导图提供 css布局和模型 在线思维导图免费制作，点击“编辑”按钮，可对 css布局和模型 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：f704c645b8a99ab6bf16b2df21320734
思维导图大纲
css布局和模型思维导图模板大纲
定位布局
固定定位 fixed
定义：被固定的元素不会随着滚动条的拖动而改变位置
结合top、bottom、left、right一起使用
相对定位 relative
定义：该元素相对于它的原始位置计算出来的
结合top、bottom、left、right一起使用
绝对定位 absolute
元素设置绝对定位后，完全脱离文档流，绝对定位元素的前面和后面的元素会认为这个元素不存在
静态定位 static
元素position属性的默认值是static
浮动布局
文档流简介
文档流：元素在页面中出现的先后顺序
正常文档流：将一个页面从上到下分为一行一行，其中块元素就占一行，相邻行内元素在每一行中按照从左到右排列知道该行排满
脱离文档流：使用浮动和定位使其脱离正常文档流。
浮动
left
right
清除浮动 clear
left 清除左浮动
both 同时清楚左右浮动
right 清楚有浮动
一般在浮动元素后面再增加一个空元素，然后定义clear：both；
盒子模型
css盒子模型组成部分：content，padding，margin，border
宽高：width、height（行内元素需要转换成块元素后才可以设置）
边框border
内边距padding
外边距margin
相关思维导图模板
树图思维导图提供 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 在线思维导图免费制作，点击“编辑”按钮，可对 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：10b9a8a2dd2fb4593f8130ef16c320fc
树图思维导图提供 线上销售全链路布局 在线思维导图免费制作，点击“编辑”按钮，可对 线上销售全链路布局 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：d7d9de3c963dd0170f070d111b460b99
沪公网安备 31011502019485号
上海工商