CSS布局教程

基于web标准的网站设计指南

« Web标准的思考我来说点儿Ajax的事儿 »

css文字排版

    在出版物应用中,一般比较重视图文排版的样式。对于出版物的排版,通常不允许通栏排版。网页设计继承了出版物排版的理念,却允许通栏排版,特别是对新闻、法律的以文字内容为主的对象。行网页通栏排版是,只要直接将段落文字放置于p或其他对象之中,再对段落文字应用间距、行距,字号等样式控制,便形成了排版拙形,文字与段落之中也有对这篷些文字样进行控制的方法,而在本节的文字排版之中,我们将结合CSS布局中的分栏技术,帮助文字进行分栏处理,使之能够像报纸一样实现分栏显示。
目前的CSS2技术之中,;令人遗憾的是普通段落文字并不能够直接实现分栏排版,果需要实现类似报纸的二栏或三栏式排版,必须借助于与二列布局一样的两个div浮动定位而形成因为二列式排版,我们在包含容器layout之中放置了两个div,,目前我们对二栏的样式设定为一样,因此采用同一个class来控制二栏的布局。将文字段落分成二部分分别放入到两个div之中,然后对其编写CSS代码:直接对用于分栏的,col编写宽度300px;内边距左右为lOpx:以及向左浮动,从而实现二栏式排版。与二列式布局的原理一致。
    目前的这种分栏排版劫牙的解决方法。将文字分成二段放置在两个div中并不能好的保证以后的扩展性,如果文字增加或版式变化也不会自动改变,因此在使用二栏式文字局时还应当根据网站需求进行选择。不过在W3C公布的css3的官方技术文档中我们发现,对于段落CSS3已经提供了分栏用的属性column-count和colunm-wid也,相信在以后这些问题都能够由技术上得到解决。天津网站建设天津网站制作天津做网站天津网站优化
     在文章段落之中经常会需要插入图片,在传统的表格式布局之中,往往是通过插入一个格,表格中插入图片,并对表格应用align属性来控制图片居中、居左或居右显示。而在CSS布局之中,我们的思路相同,但却可以将控制方式转到CSS代码中,并且通过CSS现更多图文混排的效果。天津制冷设备维修 | 天津空调维修 | 天津空调拆装 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号