本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
根据css显示分类，html元素被分为 三种类型:块状元素，内联元素，内联块元素。
在css中，只需要给内联元素设置display：block样式即可将其转换为块元素。
display属性用于定义建立布局时元素生成的显示框类型。对于 html 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 html 中已经定义的显示层次结构。对于 xml，由于 xml 没有内置的这种层次结构，所有 display 是绝对必要的。
block：此元素将显示为块级元素，此元素前后会带有换行符。
inline：默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block：行内块元素。（css2.1 新增的值）
css将内联样式设成块元素示例：
<!doctype html><html><head><meta charset="utf-8"><style type="text/css">span {background-color: #2cde57;}.span1 {display: block;width: 1000px;}</style></head><body><span>第一个span，内联元素</span><span>第二个span，块元素</span></body></html>
（学习视频分享：css视频教程）
以上就是将内联元素转换为块元素的css语句是什么的详细内容。