菜单

笔记《领悟css》第贰章 盒模型,定位,浮动,清理,《精通css》第2章

2019年5月5日 - CSS/CSS3

第3章    盒模型,定位,浮动,清理

一.盒模型用到的性质width,height,padding,border,margin

一般来说文档流的光景垂直margin会叠加

 

贰.块级框 与 行内框,
利用display属性来更动本性,display:block,display:inlne-block

 

  1. 三种为主的定势机制:普通流,绝对定位,浮动

 

4.相对定点

是普通流定位的一片段,与文书档案流相关,根据本身本来的职务打开运动

任凭是不是移动都攻陷原来空间position:relative

安装top,right,bottom,left的属性值举办运动

 

5.相对定点

不占空间与文书档案流非亲非故,

传说距离近期的已定位的先人成分进行稳固position:absolute

text-align:top / right / bottom / left

 

固定定位

是相对定位的1种position:fixed

距离是含有块是视口

 

6.浮动float

清理(p51)

float:left

float:riagt

clear:both / left /right /
none(差异意两边/分歧意左侧/分化意左边/允许两边)

<br class=”clear”/>

笔记《精通css》第3章 盒模型,定位,浮动,清理,《精通css》第3章

第3章    盒模型,定位,浮动,清理

一.盒模型用到的性质width,height,padding,border,margin

平凡文书档案流的光景垂直margin会叠加

 

二.块级框 与 行内框,
利用display属性来改动性子,display:block,display:inlne-block

 

  1. 叁种为主的定势机制:普通流,相对定位,浮动

 

四.相对恒定

是普通流定位的一片段,与文书档案流相关,依据作者本来的职分张开活动

不论是是不是移动都挤占原来空间position:relative

安装top,right,bottom,left的属性值进行活动

 

五.绝对稳定

不占空间与文书档案流非亲非故,

基于距离近来的已定位的上代元素实行固定position:absolute

text-align:top / right / bottom / left

 

定位定位

是纯属定位的一种position:fixed

出入是带有块是视口

 

6.浮动float

清理(p51)

float:left

float:riagt

clear:both / left /right /
none(差别意两边/分化意左侧/不允许左边/允许两边)

<br class=”clear”/>

http://www.bkjia.com/HTML5/1234074.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/1234074.htmlTechArticle笔记《精通css》第3章
盒模型,定位,浮动,清理,《领会css》第二章 第3章
盒模型,定位,浮动,清理 壹.盒模型用到的属性width,height,paddi…

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图