css网页布局中文字排版属性和用法[图]
日期:2009年11月11日 作者: 相关tags: css 网页 布局 文字 排版 属性 用法-
前段时间,学习了多个
大的站点
的图文混排的要领
。今天总结下,css网页布局中文字排版的有关
属性以及用法。包括:设定字体、颜色、大小、段落空白,首字下沉、首行缩进、中文字的截断、固定宽度词内折行(word-wrap和word-break)等。
- [1] [2] [3] 下一页
- ASP.NET获取远程网页下载到本地文件
- 用CSS实现网页图片的预加载
- 打开网页自动设为首页代码
- 狮心王-人物属性修改
- 网页游戏如何同时登录两个帐号?
- sqlldr的用法总结
- 小议中英文网站排版设计的视觉差异
- 被诅咒的圣战控制台秘籍调用法
- 《星际之狼》5项属性修改器
- 美国口语惯用法例句集粹
- 创新文字朗读精灵v1.3.5
- 《心跳回忆》全属性修改器
- 植物大战僵尸中文汉化版9项属性修改器
- 基于BGP属性的路由策略
- 网页设计秘笈Don t Make Me Think
- 网人论坛『网页设计与制作』精华贴
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
一、设定文字字体、颜色、大小等运用 font等。
font-style设定斜体,比如font-style: italic;
font-weight设定文字粗细,比如font-weight: bold;
font-size设定文字大小,比如font-size: 12px;(或者9pt,不同单位显示疑问 参考CSS手册)
line-height设定行距,比如line-height: 150%;
color设定文字颜色(留心 不是font-color),比如color: red;
font-family设定字体,比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;(这是通用的写法)
上面是常用的属性,更多参考css手册。
二、段落排版:运用 margin、padding和text-align。
中文段落运用 <p>标签(也可以是其他容器),左右(相当于缩进)、段前段后的空白,都可以用margin或padding。比如:
p{
margin: 18px 6px 6px 18px;/*分别是上、右、下、左,十二点开始的顺时针方向*/
margin:18px 6px;/*表示上下为18,左右为6*/
margin:1px 2px 3px;/*表示上为1px,下为6px,左右为2px*/
}
文字的对齐形式 用text-align,比如:
p{
text-align: center; /*居中对齐*/
text-align: justify/*两端对齐*/
}
对齐形式 还有left、right。
有很多新手对margin、padding不是很熟悉,看下面图片的表示。
