字体规范

1   在设定字体样式时对于文字字号样式和行间距应必须使用css样式表,禁止在页面中出现<font  size=?>标记

2   字体大小:在网页中中文应首选使用宋体,英文和数字首选使用verdana和arial两种字体,一般使用中文宋体的9pt和11pt或12px和14.7px这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适

3   为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用<br>来人工干预分段

4   不同于中的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外,汉字之间的标点要用全角标点,英文字母和数字周围的括号应该是用半角括号

5   请不要在网页中连续出现多于一个的,也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text-indent、padding、margin、hspace、vspace以及透明的gif图片来实现

6   行距建议用百分比来定义,常用的两个行距的值是line-height:120%/150%

7   排版中我们经常会遇到需要进行首行缩进的处理,不要使用或者全角空格来达到效果,规范的做法是在样式表中定义p{text-indent:2em;},然后给每一段加上<p>标记,注意,一般情况下,请不要省略</p>结束标记

本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1979392

Web前端——字体规范相关推荐

  1. 前端传中文文件名_前端工程师需要掌握哪些知识,web前端开发规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...

  2. Web 前端开发规范手册

    Web 前端开发规范手册 一.规范目的 1.1 概述 二.文件规范 2.1 文件命名规则 2.2 文件存放位置规范 2.3 CSS 书写规范 基本原则: 注意细则: 命名规则: id的命名: 基本样式 ...

  3. Web前端开发规范文档(更新于2013-01-13)

    规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不 ...

  4. Web 前端代码规范

    Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前 ...

  5. html字面量编码,Web 前端代码规范

    Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接: 此项目用于记录规范的.高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范. 目录前端 ...

  6. HTML编码规范 - (WEB前端命名规范)

    HTML编码规范 1 (一)命名规则: 2 3 头:header 4 内容:content/container 5 尾:footer 6 导航:nav 7 侧栏:sidebar 8 栏目:column ...

  7. (16)WEB前端开发规范之HTML规范

    一.WEB前端开发规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档: 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发: 本 ...

  8. web前端开发规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...

  9. web前端字体居中_html里文字居中代码怎么写?_WEB前端开发,html,css

    web前端是什么意思?_WEB前端开发 web前端就是前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流.html里 ...

最新文章

  1. 【图像分类案例】(1) ResNeXt 交通标志四分类,附Tensorflow完整代码
  2. vue下的bootstrap table + jquery treegrid, treegrid无法渲染的问题
  3. 一文带你了解为什么是知识图谱的时代!
  4. 如何用zendstudio新建一个PHP工程
  5. 计算机操作系统寻址,计算机操作系统-寻址和字节顺序
  6. linux 逻辑卷 pe size 4.00 mib大小怎么改,linux逻辑卷的建立
  7. airpods2怎么查正品 ios11系统_拼多多AirPods2开箱评测,4种办法教你验真假,10个AirPods技巧教你玩...
  8. 即时通讯软件在企业里的应用及发展
  9. 【汇编语言】通用数据处理指令——数据传送类指令
  10. C/C++使用strcpy报错解决方案
  11. seq()函数--R语言
  12. objective-c 汇编语言,Objective-C和C的区别?
  13. python调用按键精灵插件_【按键精灵教程】此帖在手,打码不愁
  14. Java之函数式接口
  15. 有一个测试微信删除软件叫wool,微信自动检测僵尸粉软件有哪些(这款软件我一直在用)...
  16. ECharts学习--雷达图
  17. python 天天向上求几天数_Python十题(第2课)
  18. ArcGIS使用(二)ArcGIS加载天地图
  19. 你的代码会说话吗?(下)
  20. HTML春节贺卡,HTML5+CSS3实现春节贺卡

热门文章

  1. pyqt5 QtDesigner文件打开位置
  2. tensoeflow 教程1、2
  3. Keras—ModelCheckpoint
  4. 深度去雨--Deep Joint Rain Detection and Removal from a Single Image
  5. 根据时间点截取wav文件
  6. LeetCode 45. Jump Game II--Python解法--动态规划
  7. Linux内核实现原子性操作cmpxchg指令的理解
  8. 时间同步软件 windows_电脑便签设置事件时间提醒软件哪个好用
  9. Synchronized和ReentranLock的区别
  10. LeetCode-笔记-199. 二叉树的右视图——BFS广度优先搜索