在网页前端开发中，常见的元素显示方式有块级元素显示、内联元素显示、行内块级元素显示，而且很多时候，我们需要通过修改css样式，来改变元素的默认显示方式以满足显示需要。那么，应该怎样设置css属性来切换元素的显示方式呢？下面，小编通实例演示来为大家逐一进行讲解。
常见元素显示方式的特点
1教程 标签对，在标签外部对所以P标签的默认属性进行修改。代码如下： 教程
在进行元素显示方式切换前，我们首先要来认识一下常见元素显示方式有哪些主要特点？块级显示元素常用的块级元素有div，p，h1~h6，ul，form等标签元素。块级元素的显示特点是：元素的默认宽度与父元素宽度相同，并能对宽度、高度进行手动设定，每个块级元素独占一行进行显示。
我的第一个段落。
我在第一行，还是第二行？我的第二个段落。
我在第一行，还是第二行？ 可以看到，这种方式对所有的P标签元素都产生作用，并且切换到内联模式后，设置的宽度、高度属性不再起作用。4教程
3.定义分类样式，同样通过标签对，在其中定义一个样式类，仅对引用了该类样式的元素产生作用。代码如下：
我的第一个标题。
我在第几行？我的第二个段落。
我在第几行？5
如果要切换成其它显示模式，可以使用上面的三种方式，仅需修改display属性的值即可，切换成块级元素显示使用：display:block、行内块级元素显示使用：display:inline-block。利用CSS来display属性的值，可以轻易完成显示模式的切换。