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

2022-02-01    分类: 网站建设

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;}。
以上内容由【创新互联】编辑整理!更多有关北京网站建设企业网站建设网站优化网络运营移动端网站建设、电商网站建设等互联网应用服务都可以联系我们!服务方式:028-86922220、400-028-6601。

名称栏目:网页设计之CSS中文排版应用介绍
标题URL:https://www.cdcxhl.com/news18/143418.html

成都网站建设公司_创新互联,为您提供网页设计公司用户体验品牌网站建设小程序开发网站维护网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发