一、字体和字号
CSS通过font-familiy属性来设置文本的字体。此属性的取值可以是多种字体,多种字体之间使用逗号分隔。在浏览网页时,浏览器会先从用户计算机中寻找font-family属性的第一种字体(从左到右排序),如果不存在,则寻找第二种字体,以此类推。CSS默认的字体是基于Serif分类的Times New Roman字体。必须注意的是,各种计算机平台(Windows、Mac、Linux等)默认安装的字体不同,并且各互联网用户的计算机终端也有很大的不确定性,所以我们设置font-family属性时,应尽量选择能被大多数终端正确识别的字体。对于中文字体,我们一般只使用宋体和黑体。
CSS通过font-size属性来设置文本的字号。绝大多数的浏览器的默认字号是16px。网页的正文字体字号一般取12px。
二、下划线
下划线,大多数用以标识链接。
(注意,大多数互联网用户对特定的默认样式有较强的依赖性。出于信息明确性的考虑,尽量不要因为样式表现的原因,过度的更改页面常用元素的默认样式。)
特殊的下划线设计。
在想要使用图片下划线的区域,使用span设定一个class,并在class中使用background来设定其背景图像,放置在span区域的下方。
.un{
background:url(bg.jpg) repeat-x left bottom;
}
三、段落
强制换行,是排版中经常使用的一种方法,无论是中文还是英文,都可能出现没有空格或者标点的长句,在某种情况下,内容会扩张容器,不利于文本排版。建议在长篇文章或者其他场所,随时加上强制换行命令,使其中的内容能够保持良好的阅读状态。在CSS中,强制换行由多个属性结合控制。这里我们推荐两种目前最常用的控制换行的CSS样式属性——warp,break-all。
word-break:break-all;
word-warp:warp;
将两个用于换行的样式控制都加上,使得无论是中文还是英文文本,都能够得到最好的处理。
四、对齐和文档缩进
首行缩进,CSS通过text-indent属性来实现。中文字符一般要求段落的第一行缩进两个字符。我们选择em作为度量单位,这是一个相对单位,它相对于行内文字大小进行变化。当我们设置为2em时,段落的首行缩进就会根据段落中文字的大小,永远保持两个字符的间距。
p{
text-indent:2em;
}
五、伪对象
伪对象first-letter表示对象的第一个字符。
伪对象first-line表示对象的第一行字符。
示例:(首字符下沉)
p:first-letter{
font-size:2em;
float:left;
}
posted @ 2008-05-04 16:12
小三儿 阅读(79)
评论(0) 编辑 收藏 所属分类:
Web开发 、
CSS