浏览器默认样式,内联元素的盒模型,display和visibility,overflow

一:浏览器默认样式

*{

margin: 0;

padding: 0;

/*清除页面所有的默认标签*/

}

二:内联元素的盒模型

内联元素 不能设置宽高 ,可以设置垂直方向的外边距 边框 内边距,不会影响页面布局   

三:display和visibility

不能为行内(内联)元素设置width、height、 margin-top和margin-bottom。

通过修改display来修改元素的性质。

display:block 设置元素为块元素

displa:inline设置元素为行内(内联)元素

display:inline-block设置元素为行内块元素

display:none隐藏元素(元素将在页面中完全消失)

四:overflow

overflow:visible;默认值,内容会呈现在元素框之外

overflow:hidden;将子元素超出的部分减去

overflow:scroll;内容将会被修剪,但浏览器会显示(添加)滚动条以便查看其余内容

overflow:auto;如果内容被修剪,浏览器会根据需要添加滚动条以便查看其余的内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。