CSS3+DIV网页样式与布局案例课堂(第2版)
上QQ阅读APP看书,第一时间看更新

5.6 大神解惑

小白:在进行图文排版时,哪些是必须要做的?

大神:在进行图文排版时,通常有下面5个方面需要网页设计者考虑。

(1)首行缩进:段落的开头应该空两格,HTML中空格键不起作用。当然,可以用“nbsp;”来代替一个空格,但这不是理想的方式,可以用CSS3中首行缩进功能,其大小为2em。

(2)图文混排:在CSS3中,可以用float属性来定义元素在哪个方向浮动。这个属性经常应用于图像,使文本围绕在图像周围。

(3)设置背景色:设置网页背景,增加效果。此内容会在后面介绍。

(4)文字居中:可以用CSS的text-align属性设置文字居中。

(5)显示边框:可使用border属性为图片添加一个边框。

小白:设置文字环绕时,float元素为什么失去作用?

大神:很多浏览器在显示未指定width的float元素时会有错误。所以不管float元素的内容如何,一定要为其指定width属性。