售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

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

网站编辑:小润 | 发表时间:2019-02-02 23:36:49

  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;}。

  以上内容由【润壤科技】编辑整理!更多有关上海网站建设、企业网站建设、网站优化网络运营移动端网站建设、电商网站建设等互联网应用服务都可以联系我们!服务方式:010-64928252、400-6446-365。 TAG标签耗时:0.005126953125 秒

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130