欢迎光临易鹤通网络科技，我们是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司！

咨询热线：158-0392-6708
微信号
旧版回顾
易鹤通学院News
首页 > 易鹤通学院 > 网站设计
易鹤通网络专注中小型企业网站建设、营销型网站建设、响应式网站建设公司！

CSS设计心得如何在网页设计中对中文排版

作者：易鹤通 | 点击: | 来源：鹤壁网页设计
2012/3/12 21:13:12
   本人从事WEB2.0网页设计多年，对于web标准，遵循标准设计和制作web页面非常熟悉，今天整理了一下自己这些年的经验，针对如何在网页设计中对中文排版做总结，希望对正在学习的

   本人从事WEB2.0网页设计多年，对于web标准，遵循标准设计和制作web页面非常熟悉，今天整理了一下自己这些年的经验，针对如何在网页设计中对中文排版做总结，希望对正在学习的人有帮助。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。

1、  如何设定文字字体、颜色、大小 —— 使用font

font-family设定字体，通用的写法如下，font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;一般的网站都是这样设置的。

font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册）

font-weight设定文字粗细，比如font-weight: bold;

font-style设定斜体，比如font-style: italic;

line-height设定行距，比如line-height: 150%;

color设定文字颜色（注意不是font-color），比如color: red;

上面的所有属性其实可以写在一行font属性里（除了color属性需要单独写）：

font: italic bold 12px/150% "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（两端对齐）

   好了，以上大概就是对中文排版的几种常用方法，注意CSS简写需要正确的顺序。本文由鹤壁网站设计专家—易鹤通网络科技编辑整理。

相关推荐

上一篇：鹤壁网站设计如何做到用户至上？

下一篇：鹤壁易鹤通设计师对于网页代码标准和尺寸的控制心得

我要咨询做网站
成功案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 手机：15803926708
    QQ：23581145
联系我们 | Contact
： 158-0392-6708(同微信)
： 23581145
： 158-0392-3121
： 1223865820
： e0392@126.com
： 2410965359
： 河南省鹤壁市淇滨区淇水大道
关于我们 | About
鹤壁市易鹤通网络科技有限公司是业内一家专业的网站建设、网络服务的网络公司。技术为本是网络的指导思想，诚信经营是对客户永远不变的承诺。致力于互联...
易鹤通简介     企业动态     企业文化     发展目标     招商合作     我们的优势     招贤纳才     免责声明    
为您做更有价值意义的网站
建站请联系
关注我们建站
Copyright © 2002-2019 易鹤通网络建站公司 版权所有     备案号：豫ICP备19031630号
关于易鹤通 | 网站建设 | 企业软件 | 解决方案 | 客户案例 | 易鹤通学院 | 联系我们 |
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交，将获得易鹤通网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份！
下单送礼感恩十五周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线158-0392-6708
合作意向表
  • * *
您需要的服务
您最关注的地方
预算
  • 看不清？点击更换

直接咨询