小编给大家分享一下css中显示属性的使用方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
<强>显示属性定义及用法强>
显示属性在网页布局中用的非常之多,它的属性值也比较多,但是用的多的就块,inline-block,内联和没有属性值,其它属性值很少见,所有在这就重点介绍一下常用的这几个属性值的用法;
在css中,显示属性是用来定义元素应该生成的框的类型,经常用来将块状元素转换为内联元素,将内联元素转换为块状元素或者将块状元素/内联元素转换为inline-block元素,inline-block元素既有块状元素的特性已有内联元素的特性。
<强>显示属性语法格式强>
1. css语法:显示:没有/内联/块/inline-block/列表项/试车/表/inline-table table-row-group/作用是table-header-group/table-footer-group//table-colume-group/表列/表格单元/表标题/继承
2。JavaScript语法:object.style.display=癷nline"
<强>显示属性值说明强>
没有:设置元素不显示
块:设置元素为块级元素
内联:设置元素为内联元素
inline-block:行内块元素,既有块状元素的特性已有内联元素的特性
列表项:设置元素为列表
试车:根据上下文作为块级元素或内联元素显示
紧凑/标记:已经从CSS2.1中删除
表:设置元素为块级表格来(类似& lt; table>),表格前后有换行符
inline-table:设置元素为内联表格(类似& lt; table>),表格前后没有换行符
table-row-group:设置元素为一个或多个行的分组(类似& lt; tbody>)
table-header-group:类似& lt; thead>标签
table-footer-group:类似& lt; tfoot>标签,作用是:类似& lt; tr>标签
<强>显示属性的都属性值强>
元素的显示属性的属性值设置为没有时,该元素将隐藏不显示,而其会脱离文档流,不占据网页空间;非常相关:css隐藏元素之显示和可见性属性的用法笔记
<强>实例强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf-8"/比; & lt; title>显示属性的都属性值& lt;/title> & lt;风格类型=拔谋?css"比; 身体{background - color: # aaa;} .div{宽度:400 px;高度:60 px;边界:1 px固体;margin-top: 10 px;} 火眼金睛{显示:没有;} & lt;/style> & lt;/head> & lt; body> & lt; div类=癲iv"祝辞元素1 & lt;/div> & lt; div类=癲iv none"祝辞元素2 & lt;/div> & lt; div类=癲iv"祝辞元素3 & lt;/div> & lt;/body> & lt;/html>
看完了这篇文章,相信你对css中显示属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!