2019-03-27内联元素 盒模型 浮动

*内联元素:(行内元素)所谓的行内元素指的是只占自身大小的元素,不会占用一行

常见的内联元素:span a img iframe

span没有任何语义,span标签专门用来选中文字,然后为文字来设置样式

*盒子模型:使用width来设置盒子内容区的宽度

使用height来设置盒子内容区的高度

width和height只是设置的盒子内容区的大小,而不是盒子的整个大小,盒子可见框的大小由内容区,内边距和边框共同决定

*文字居中:textaline:center;

*使用border-width可以分别指定四个边框的宽度

*使用float来使元素浮动,从而脱离文档流,可选值none默认值,元素默认在文档流中排列,left,元素会脱离文档流向页面得左侧浮动,right,元素会立即脱离文档流,向页面的右侧浮动,元素浮动以后,会尽量向页面的左上或这是右上漂浮,直到遇到父元素的边框或者其他的浮动元素

如果浮动元素上边是一个没有浮动的块元素,则浮动元素不会超过块元素

*在文档流中,子元素的宽度默认占父元素的全部,当元素设置浮动以后,会完全脱离文档流.,块元素脱离文档流以后,高度和宽度都被内容撑开

*开启span的浮动。内联元素脱离文档流以后会变成块元素

你可能感兴趣的:(2019-03-27内联元素 盒模型 浮动)