• 技术文章 >web前端 >css教程

    css中的display是什么意思

    VV2020-11-16 17:57:33原创145

    css中的display是用于规定应该生成的框的类型的属性。对于html等文档类型,必须谨慎使用display属性,否则可能会违反html中已经定义的显示层次结构。

    属性介绍:

    display 属性规定元素应该生成的框的类型。

    对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

    (学习视频分享:css视频教程

    常用属性值:

    举例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>display属性的none属性值</title>
    		<style type="text/css">
    			body {
    				background-color: #aaa;
    			}
    			.div {
    				width: 400px;
    				height: 60px;
    				border: 1px solid;
    				margin-top: 10px;
    			}
    			.none {
    				display: none;
    			}
    		</style>
    	</head>
    	<body>
    		<div class="div">元素1</div>
    		<div class="div none">元素2</div>
    		<div class="div">元素3</div>
    	</body>
    </html>

    相关推荐:CSS教程

    以上就是css中的display是什么意思的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css display
    上一篇:css如何设置黑体样式 下一篇:css怎么设置段落缩进
    第14期线上培训班

    相关文章推荐

    • display:none与visibility:hidden的区别• css中的display属性有哪些值?各有什么作用?• css的display属性有哪些• css里的display属性有啥作用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网