中文排版css制作心得

《中文排版css制作心得》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、中文排版CSS制作心得>>edu.5151doc.教育资源库本篇详细介绍了中文排版CSS制作下遇到的种种问题和中文规范心得的文章主题。1、如何设定文字字体、颜色、大小——使用fontfont-style设定斜体，比如font-style:italic;font-ily设定字体，比如font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;（这是通用的写法）以上都可以写在一行font属性里（除了color属性需要单独写）：代码框2、如何控制段落排版

2、——使用margin，text-align中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如：p{?margin:18px6px6px18px;/*分别是上、右、下、左，十二点开始的顺时针方向*/}文字的对齐方式用text-align，比如：p{?text-align:center;?/*居中对齐*/}对齐方式还有left、right和justify（两端对齐）代码框3、竖排文字——使用odeode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。

3、比如：p{?ode:tb-rl;}可以结合direction排版。代码框5、首字下沉——使用:first-letter伪对象:first-letter配合123下一页[这篇文章来自..，]font-size、float可以制作首字下沉效果。比如：p:first-letter{?padding:6px;?font-size:32pt;?float:left;}代码框如果font-size是12px的话，那么text-indent:2em则缩进24px。代码框7、关于汉字注音——使用ruby标签和ruby-align属性比如说<

4、ruby>注音<rtstyle="font-size:11px;">zhuyin</rt></ruby>，可以利用ruby-align设置对齐方式。这是在CSS手册里面看到的，具体可以自行查阅ruby-align项。代码框<ruby>布鲁斯狼<rtstyle="font-size:11px;">bulusilang</rt></ruby>8、固定宽度汉字截断——使用text-overflol标签的过滤等，而用CSS来控制则没有这个问题。比如对

5、列表应用以下样式：li{?overflop;nbsp;代替（最少要有一个软空格）。代码框<divstyle="width:210px;height:200px;background:#ccc;word-break:keep-all">南京上海上海上南上海上海南京上海上海上海南京上海上海南京上海上海南京上海南京上海南京上海南京上海南京上海南京上海上海南京上海上海</div>973124上一页123下一页[这篇文章来自..，]8:上一页123[这篇文章来自..，]