CSS display属性--笔记

display属性
规定是否/如何显示元素
每个HTML元素都有一个默认的display值，具体取决于它的元素类型，
大多数元素的display默认值为block或inline

display : block;
block element(块级元素)
1、总是从新行开始
2、占据可用的全部宽度
如：

 - <div>- <h1>-<h6>- <p>- <form>- <header>- <footer>- <section>

display : inline;
inline element(行内元素)
1、不从新行开始
2、仅占用所需的宽度
如：

 - <span>- <a>- <img>

display : none;
1、元素被隐藏
2、默认情况下

**visibility :hidden;**也可隐藏元素，

区别：
visibility :hidden;该元素仍然将占用之前相同的空间
display : none;在页面显示时好像该元素不存在

display默认值可相互覆盖：
即：block可更改为inline ,inline可更改为 block

display : inline-block;
**display : inline;**区别：
1、允许在元素上设置宽度高度。
2、将保留上下外边距/内边距

**display : block;**区别：
1、在元素后不添加换行符，即该元素可以位于其他元素旁

CSS display属性--笔记相关推荐

css列表格式属性,css list-style-type属性笔记
list-style-type属性定义及用法在css中,list-style-type属性是使用来设置列表项标记的类型,在有序列表和无序列表中经常都会使用该属性. 目前,所有主流浏览器都支持list ...
CSS display 属性的重叠覆盖
原文详解:CSS display 属性的重叠覆盖原文链接: http://licocom.com/archives/1168 CSS display属性,一般为隐藏某个标签的显示, 并列N个div或 ...
CSS display 属性
定义和用法 display 属性规定元素应该生成的框的类型. 说明这个属性用于定义建立布局时元素生成的显示框类型.对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 ...
css display属性理解
理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有: none block inline inline-block inherit 下面, ...
CSS display属性的值及作用
display 的属性值有:none|inline|block|inline-block|list-item|run-in|table|inline-table|table-row-group|tab ...
css display属性及使用方法
1.display的取值浏览器支持 IE Firefox Chrome Safari Opera 支持支持支持支持支持所有主流浏览器都支持 display 属性. 注释:如果规定了 !DO ...
【css】css display属性的值及用法
浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本. 如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-tabl ...
css display属性
display是css中最重要的用于控制布局的属性,它的取值有很多,主要有以下几个: none: block: inline: inline-block: 要想更好的使用这个属性值,首先要了解什么是块 ...
html中display属性含义,css中display是什么意思？
display是CSS中的一个常用属性,可用于规定元素应该生成的框的类型,在网页开发中经常需要用到.下面本篇文章就来给大家介绍一下CSS display属性,希望对大家有所帮助. display属性规 ...

CSS display属性--笔记

CSS display属性--笔记相关推荐

最新文章

热门文章