专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

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

当前位置:网站建设 > 优化推广
资料来源:网络整理       时间:2023/3/21 5:49:43       共计:3581 浏览

  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>

  </div>

  </body>

  CSS如下:

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

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

  以上内容由【分形科技】编辑整理!更多有关北京网站建设、企业网站建设、网站优化网络运营、移动端网站建设、电商网站建设等互联网应用服务都可以联系我们!服务方式:010-64928252、400-6446-365。 
版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:移动端手机网站制作的9个注意事项 | ·下一条:网页设计制作之中文本输入框的参数解释

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有