在css中,display属性主要用于显示或隐藏元素 。 下面小编举例讲解css中display属性的作用是什么 。
文章插图
需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解css中display属性的感化是什么 。
文章插图
2在test.html文件内,利用p标签建立两行文字,用于测试 。
文章插图
3在test.html文件内,设置p标签的class属性为txt 。
文章插图
4在css标签内,经由过程class属性设置类名为txt的p标签的样式 。
文章插图
5【css中display属性的作用是什么】在css标签内,将display属性设置为none,埋没类名为txt的p标签 。 注:当display属性为block时,便可以将埋没的p标签显示出来 。
文章插图
6在浏览器打开test.html文件,查看实现的结果 。
文章插图
总结:11、利用p标签建立两行文字,设置p标签的class属性为txt 。 2、在css标签内,经由过程class属性设置类名为txt的p标签的样式 。 3、在css标签内,将display属性设置为none,埋没类名为txt的p标签 。 注:当display属性为block时,便可以将埋没的p标签显示出来 。 4、在浏览器打开test.html文件,查看实现的结果 。
以上内容就是css中display属性的作用是什么的内容啦,希望对你有所帮助哦!
推荐阅读
- css中background
- 如何在WPS中保护文档限制编辑
- 如何在WPS中编辑文档行号
- 如何在AI中使用缩拢工具
- 如何在AI中使用魔棒工具
- 如何在AI中使用旋转扭曲工具
- 如何在AI中使用变形工具
- 宁夏沙漠扶梯是中国第一个沙漠大扶梯吗
- 中国人怎么去所罗门群岛
- 如何在WPS中编辑图片效果