css中display属性的作用是什么

在css中,display属性主要用于显示或隐藏元素 。 下面小编举例讲解css中display属性的作用是什么 。

css中display属性的作用是什么

文章插图

需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解css中display属性的感化是什么 。
css中display属性的作用是什么

文章插图

2在test.html文件内,利用p标签建立两行文字,用于测试 。
css中display属性的作用是什么

文章插图

3在test.html文件内,设置p标签的class属性为txt 。
css中display属性的作用是什么

文章插图

4在css标签内,经由过程class属性设置类名为txt的p标签的样式 。
css中display属性的作用是什么

文章插图

5【css中display属性的作用是什么】在css标签内,将display属性设置为none,埋没类名为txt的p标签 。 注:当display属性为block时,便可以将埋没的p标签显示出来 。
css中display属性的作用是什么

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
css中display属性的作用是什么

文章插图

总结:11、利用p标签建立两行文字,设置p标签的class属性为txt 。 2、在css标签内,经由过程class属性设置类名为txt的p标签的样式 。 3、在css标签内,将display属性设置为none,埋没类名为txt的p标签 。 注:当display属性为block时,便可以将埋没的p标签显示出来 。 4、在浏览器打开test.html文件,查看实现的结果 。


以上内容就是css中display属性的作用是什么的内容啦,希望对你有所帮助哦!

    推荐阅读