﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-j2ee绿洲-文章分类-Div+Css心得</title><link>http://www.blogjava.net/livery/category/31901.html</link><description>找到属于自己的一片天空</description><language>zh-cn</language><lastBuildDate>Mon, 02 Jun 2008 07:39:57 GMT</lastBuildDate><pubDate>Mon, 02 Jun 2008 07:39:57 GMT</pubDate><ttl>60</ttl><item><title>文字排版相关</title><link>http://www.blogjava.net/livery/articles/205238.html</link><dc:creator>心情经纬</dc:creator><author>心情经纬</author><pubDate>Mon, 02 Jun 2008 00:40:00 GMT</pubDate><guid>http://www.blogjava.net/livery/articles/205238.html</guid><wfw:comment>http://www.blogjava.net/livery/comments/205238.html</wfw:comment><comments>http://www.blogjava.net/livery/articles/205238.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/livery/comments/commentRss/205238.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/livery/services/trackbacks/205238.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 设置行距有一个专门的属性：line-height，这个应该称之为行高。因为我们要设定的是一行的高度，而不是行与行之间的距离。但是行距依然是可以通过我们设定的行高最终产生，所以方法不同，但是目标是一致的。一般我们的行高一定是要超过字体高度的，否则行与行之间就会重叠，当然我们不排除使用这种式做一些特别的效果，但是至少在阅读文本上我们需要行行清楚。行距不宜太大，太大了阅读效率不高，如果太小了又容易读错行。所以一般行高不应超过两个字的高度。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最常用的是1.6em~1.8em之间，
如果宽度很大，我们就需要加大行距不然我们很容易读错行，如果宽度小的时候行距过大则失去了阅读的效率。那么我们把刚才的段落的CSS做一下增加，标注一
下我们的行距：
<p>p {margin:1em 0; line-height:1.6em; }</p>
<p>这样对于一个基本的段落设置就已经完成了，如果需要给这个段落加个首行缩进，还可以为这个段落设置一下字体，字大小，字样式，色彩等等：</p>
<p>p {margin:1em 0;&nbsp; text-indent:2em; font:normal normal 12px/1.6em "宋体";&nbsp; color:#000; }</p>
<p>这里关于字体的属性也是个缩写形式，顺序是：&#8220;font : font-style || font-variant ||
font-weight || font-size || line-height || font-family
&#8221;，这里的color是文字的色彩，#后面的数值应该是6位，可以直接复制
Photoshop拾色板里的数值。缩写方式是，奇数位与偶数位的值相同时即可合并为3位的色值。比如：#4488cc，可以缩写
为#48c，如果需要首突出，那么不光需要把text-indent的值设为负值，还需要修改padding的数值，因为突出去的也就是超出了内容区,那么如果padding区没有空间那么这两个突出去的字就无法显示。那我们再给出一个首行突出两字的CSS</p>
<p>p {margin:1em 0; padding:0 0 0 2em; text-indent:-2em; font:normal normal 12px/1.6em "宋体";&nbsp; color:#000; }</p>
<p><br />
</p>
<img src ="http://www.blogjava.net/livery/aggbug/205238.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/livery/" target="_blank">心情经纬</a> 2008-06-02 08:40 <a href="http://www.blogjava.net/livery/articles/205238.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>