对齐与段落缩进,天津网站制作,天津网站建设
在前几节中我们已经在列表元素中使用过了text-indent来帮助列表进行缩进,同样排版中也氯需要踏行进行缩进,因此对于p无声,有必要继续增加text-indent属性:需要注意的是,这里的单位变成了2em, em的作用在这里显孤出来,二作为相对单位,em长度相当于本行中字符的倍数。我们所熟知的中文换行规则中,要求段首缩进两个字符,如果使用20px这样的单位蠱的。那么当改变文字大小的话,20px有可能发生变化,不得不再次去修正缩进值。而使用咖的话,它永远相对于行内文字大小进行变化。因此当我们设置为2em时,段-落的首行缩进值就会根据段中文字的大小,永远是两个文字大小保持两个字符的间距,非常方便实用。在谈到em相对单位在这里的用法同时,不得不提到Web标准中另一巨大优势,即网站的可伸缩性一种简单的理解是,,网站对于显示器分辨率如果能够做到自动适应的话,那么就做到了对于用户显示器的可伸缩性,无论用户显示器如何改变,内容都能够自动适应。而在网站设计中,可伸缩性还有更多层面可以值得研究,如相对单位em。bm是一种简单的相对单位,但却带给了文本缩进一个非常优秀的可伸缩性。
试想,不论如何改变文本的大小,它在缩进值上都不再需要进行修改,无论从难易还是成本上考虑都是—个小小的进步,而对于页面中的其他元素,从视觉设计到代码设计看,一个良好的视觉设计,因当给最终的代码设计最大的弹性,当需要改变外观的时候,不再需重新修定图片,改变背景,一切都留下适当的接口。当代码级进行编码时,最大限度的让代码能够自动适应,如同简单的缩进值,让网站成为一个能够自动适应的主体。当然,真正能够实现完全伸缩的设计是不可能的,不过在篷细上只要把握得当,一个更好的设计也未尝不会出现。页面中内容的排版总是富于变化,就像文章的结尾,出处与作者依照中文习惯应当出在文章的右下角,CSS的字体对齐属性能够帮助我们实现这一功能:align:dght能够使我们实现文本右对齐。而对于text-align来说,不但垂中的其他元素专也能够被text-align进行对齐方式的设置,如果是图片或对象中还存在勁她的裤几乎都能使用text-align使它们显示在左边、右边或者中间。