欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时92.CSS元素显示模式转换(掌握)

程序员文章站 2022-06-26 09:54:21
我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。所有的标签都有一个属性叫做display,display的中文含义就是显示的意思。 1.如何转换CSS元素的显示模式? 设置元素的display属性 2.display的值 b ......

我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。所有的标签都有一个属性叫做display,display的中文含义就是显示的意思。

1.如何转换CSS元素的显示模式?

设置元素的display属性

2.display的值

block    块级

inline    行内

inline-block   行内块级

课时92.CSS元素显示模式转换(掌握)课时92.CSS元素显示模式转换(掌握)

课时92.CSS元素显示模式转换(掌握)课时92.CSS元素显示模式转换(掌握)

课时92.CSS元素显示模式转换(掌握)课时92.CSS元素显示模式转换(掌握)

3.快捷键

di    display:inline;

db   display:block;

dib  display:inline-block;