网页设计之CSS中文排版应用介绍

发布时间:2025-04-13 点击:7
css文档是网页设计制作中管理管理整个网站的网页风格的一咱便捷方式。在网页设计中只要在一个css文档内(扩展名为 css)定义好网页的风格,然后在网页中加一个超级链接连接到该文档,那么网页就会按照在css文档内定义好的风格显示出来。
css的概念简介
css又称层叠样式表,是一种是一种用来表现html(标准通用标记语言的一个应用)或xml(标准通用标记语言的一个子集)等文件样式的计算机语言。网站设计制作中在html文件里加一个超级链接,引入外部的css文档,让网页的文字内容与版面设计分开。
网页设计之css中文排版应用介绍
应用1、如何设定文字字体、颜色、大小——使用font实例:font: italic bold 12px/150% lucida grande, verdana, lucida, arial, helvetica, 宋体,sans-serif;以下都可以写在一行font属性里(除了color属性需要单独写):
font-style:设定斜体,比如font-style: italic;font-weight:设定文字粗细,比如font-weight: bold;font-size:设定文字大小,比如font-size: 12px或者9pt;line-height:设定行距,比如line-height: 150%;color设定文字颜色(注意不是font-color),比如color: red;font-family:设定字体,比如font-family : lucida grande, verdana, lucida, arial,helvetica,:宋体,sans-serif;(这是通用的写法)应用2、如何控制段落排版 —— 使用margin,text-align中文段落使用说明:标签,左右(相当于缩进)、段前段后的空白,都可以用margin。
实例:p{
margin: 18px 6px 6px 18px; /*分别是上、右、下、左,十二点开始的顺时针方向*/}
文字的对齐方式用text-align。
实例:p{
text-align: center; /*居中对齐*/
}
对齐方式还有left、right和justify(两端对齐)等。
应用3、自动外补丁水平居中
一般情况下水平居中比较容易实现,只需要给要居中的容器设定宽度,以及自动水平外补丁就可以了。
html实例如下:
<body>
<div class=wrapper>
</div>
</body>
css如下:
body{min-width:760px;text-align:center;}
wrapper{width:760px;margin:0 auto;text-align:left;}。


合肥到怒江物流专线
天也网络做网站技巧之内容原创
青岛到海宁物流专线
北京到临海物流专线
中山到章丘物流专线
南宁到白山物流专线
高级文案撰文方法
用“数字”激励用户购买行为,4种巧用“数字”激励用户行为的方法