TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网互联网干货css布局和模型思维导图

css布局和模型思维导图

  收藏
  分享
免费下载
免费使用文件
大灰 浏览量:152022-11-26 14:10:10
已被使用3次
查看详情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名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 在线思维导图免费制作,点击“编辑”按钮,可对 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:10b9a8a2dd2fb4593f8130ef16c320fc

线上销售全链路布局思维导图

树图思维导图提供 线上销售全链路布局 在线思维导图免费制作,点击“编辑”按钮,可对 线上销售全链路布局  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:d7d9de3c963dd0170f070d111b460b99