2019-03-26内联元素 盒模型 修改元素的类型

内联元素 盒模型

内容区  内边距  边框  外边距

内容区:内联元素不能设置 width height  即 内容区。
内边距:内联元素  可以设置 水平方向 的内边距 ,即左右方向上的;padding-left:110px;padding-right:110px;

上下 方向上的 设置后不会影页面的布局。(不会挤别人,会覆盖)

边框:可以设置边框,但是垂直方向上的边框不会影响页面的布局。(不会将别人挤到别处)

border:1px blue solid;   

外边距: 支持水平方向的外边距,margin-left:100px;margin-right:100px;

垂直方向上的外边距不能用,

水平方向上的相邻外边距不会重叠,而是求和。









display  可以修改元素的类型

inline   将一个元素作为内联元素显示。

block  将一个元素设置成块元素显示。

inline-block  将一个元素转换为行内块元素。(可以设置宽和高,又不会独占一行)

none  不显示元素,(并且元素不会在页面中继续占有位置。)



visibility用来设置元素的隐藏和显示的状态

默认值: visible  默认会在页面中显示。

hidden 元素会隐藏不显示。(不显示,但是位置会保留在页面中。)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容