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

  • 网站建设 2018-08-02
<返回列表

  CSS文档是网页设计制作中管理管理整个网站的网页风格的一咱便捷方式。在网页设计中只要在一个CSS文档内(扩展名为 CSS)定义好网页的风格,然后在网页中加一个超级链接连接到该文档,那么网页就会按照在CSS文档内定义好的风格显示出来。

  CSS的概念简介

  CSS又称层叠样式表,是一种是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。网站设计制作中在HTML文件里加一个超级链接,引入外部的CSS文档,让网页的文字内容与版面设计分开。


 网页设计之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>

  </div>

  </body>

  CSS如下:

  body{min-width:760px;text-align:center;}

  wrapper{width:760px;margin:0 auto;text-align:left;}。

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

更多阅读

SEO解决方案主要是根据哪些内

诊断教程 2020-06-11
SEO解决方案主要是根据哪些内容来改善?现在有很多企业都会非常重视网站这一......查看全文

百度关键词优化一般都要做什

诊断教程 2020-06-11
百度关键词优化一般都要做什么事情?现在有非常多人都很关心互联网上的信息......查看全文

关键词优化SEO有什么样的考核

诊断教程 2020-06-11
关键词优化SEO有什么样的考核指标?关键词优化SEO在进行实际考核的过程当中将......查看全文
返回全部新闻
扫描二维码分享到微信
确 认
友情链接: SEO 米菲纸尿裤 百度刷排名