sans-serif

样式一： body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat; } 样式二： body { background:#2f373a; font-family:Arial,Helvetica,sans-serif;font-size:100%; line-height:1em;color:#4e4e4e; min-width:920px; border-top:10px solid #0c0e0e } 样式三： body { font-family:Arial,Helvetica,sans-serif; font-size:1em; vertical-align:middle; font-weight:normal } 样式四： body { margin:0px; padding:0px; background-color:#E7EAEB; font-family:"微软雅黑","黑体","宋体"; font-size:12px;

转自： serif和sans-serif字体的区别 　Serif和Sans-serif字体的区别 在西方国家罗马字母阵营中，字体分为两大种类：Sans Serif和Serif，打字机体虽然也属于Sans Serif，但由于是等宽字体，所以另外独立出Monospace这一种类，例如在Web中，表示代码时常常要使用等宽字体。 　　Serif的意思是，在字的笔划开始及结束的地方有额外的装饰，而且笔划的粗细会因直横的不同而有不同。相反的，Sans Serif则没有这些额外的装饰，笔划粗细大致差不多。如下图： 　　可以看出，我们平时所用的Georgia、Times New Roman等就属于Serif字体，而Arial、Tahoma、Verdana等则属于Sans Serif字体。对中文而言，同样存在这两大种类，很明显，宋体、细明体(繁体中常用)等就属于Serif，而黑体、幼圆等则属于Sans Serif。 　　Serif和Sans Serif的一般比较： 　　①Serif的字体容易辨认，因此易读性较高。反之Sans Serif则较醒目，但在行文阅读的情况下，Sans Serif容易造成字母辨认的困扰，常会有来回重读及上下行错乱的情形。 　　②Serif强调了字母笔划的开始及结束，因此较易前后连续性的辨识。 　　③Serif强调一个word，而非单一的字母，反之Sans

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Web字体的初探 一，字体基本概念的介绍 1.1 字体的分类 1.1.1 Serif（衬线体） Serif（衬线）：在印刷的文字中衬线字体对于人眼的辨识更轻松，阅读更舒服横细竖粗，开始和结束的地方有装饰。在web上的字体，衬线字体比无衬线字体的辨识度更低，因为屏幕像素有限，不能很好地渲染出衬线体的效果。 1.1.2 Sans-Serif（无衬线体) Sans-Serif(无衬线体）：在印刷的文字中，无衬线体比较醒目，在小字体场合比衬线体更加清晰，但是辨识度没有衬线体高。在web字体中，无衬线字体比衬线字体更易读。 1.1.3 Monospace（等宽字体） Monospace（等宽字体）：每个宽度都一致的字体，看起来比较整齐，比较适合用于显示代码。比较著名的有Courier New字体。 1.1.4 Cursive（草书） Cursive（草书）：相当于印刷中的手写体，看起来比较流畅，像手写一样。 1.2 常用的字体 Serif，Sans-Serif，Monospace属于标准字体，Cursive,Fantasy属于非标准字体 1.2.1 衬线体（Serif） 常用的中文衬线体：宋体（Simsun），仿宋（FangSong），楷体（KaiTi），华文仿宋（STFangSong），华文楷体（STKaiTi）。

CSS编码规范 本文档的目标是使CSS代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。 本文档虽针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。 1 代码风格 1.1 文件 [建议] CSS 文件使用无 BOM 的 UTF-8 编码。 解释： UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。 1.2 缩进 [强制] 使用 2 个空格做为一个缩进层级，不允许使用 tab 字符。 示例： .selector { margin : 0 ; padding : 0 ; } 1.3 空格 [强制] 选择器 与 { 之间必须包含空格。 示例： .selector { } [强制] 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。 示例： margin : 0 ; [强制] 列表型属性值 书写在单行时， , 后必须跟一个空格。 示例： font-family : Arial , sans-serif ; 1.4 行长度 [强制] 每行不得超过 120 个字符，除非单行不可分割。 解释： 常见不可分割的场景为URL超长。 [建议] 对于超长的样式，在样式值的 空格 处或 , 后换行