CSS2--字体样式

## CSS2 字体样式
##### font-family 字体族
- 规定元素的字体系列
- 把多个字体作为一个"回退"系统保存.保证浏览器的支持
- ````Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif````

##### font 字体类型
- 衬线字体(serif)：在字的笔划开始及结束的地方有额外的装饰
- 非衬线字体(sans-serif) : 没有额外的装饰，笔划粗细大致差不多。用于严肃场景
- 等宽字体  monospace
- 草书字体  cursive
- 虚幻字体  fantasy

##### font-size 设置字体大小

- medium 默认值。一般浏览器默认是16px. chrome最小支持到12px
    - smaller 把 font-size 设置为比父元素更小的尺寸。
    - larger  把 font-size 设置为比父元素更大的尺寸。
    - length  把 font-size 设置为一个固定的值(常用)。单位px
    - %   把 font-size 设置为基于父元素的一个百分比值。
    - 可继承
- 注意：font-size 会影响 line-height 属性进而影响一行中基线的位置

##### font-style 字体样式

- normal  默认值。浏览器显示一个标准的字体样式。
    - italic  浏览器会显示一个斜体的字体样式。
    - oblique 浏览器会显示一个倾斜的字体样式。
    - 可继承

##### font-weight 字体的粗细

- normal 默认值。定义标准的字符。
    - bold 定义粗体字符。常用
    - bolder 定义更粗的字符。
    - lighter 定义更细的字符。
    - 可继承

##### font-variant 小型大写字母字体

- normal 默认值。浏览器会显示一个标准的字体。
- small-caps 浏览器会显示小型大写字母的字体。
- 可继承

##### font简写
- 常见写法 font：字体样式小型大写字母字体粗细字体大小/行高字体族(多个)

转载于:https://www.cnblogs.com/huifang/p/7341860.html

CSS2--字体样式相关推荐

六、字体样式和文本样式
一.字体样式 1.1 color.font-weight.font-style 字体相关1. color 用来设置字体颜色2. font-weight 设置字体的加粗可选值:normal 默认值,正常 ...
CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式 01 span标签和div标签 span标签的作用能让几个文字或者某个词语凸显出来属于行内元素 div标签属于块级元素程序示 ...
Android Toolbar 标题居中及字体样式自定义
首先找到 toolbar 所在xml布局文件,将toolbar控件放置在一个相对布局(RelativeLayout)中,然后设置 toolbar 的 title 为空(在 title 属性栏中随便打几 ...
BPM实例分享：如何设置表单字体样式
系统版本:V10.0 一些业务场景中,时尔需要改变表单字体那如何设置表单字体样式? 本文将会针对全局表单和单个表单进行阐述! 1.全局表单: 修改WFRES\CSS\MvcSheet.css , ...
CuteEditor 编辑器的字体样式无法控制的问题解决
之前,一直没有注意到这个问题,编辑器里的字体样式通常很大, 今天重新去看了官方的事例. 发现每个编辑实例都可以加载不同的css样式表,而且其样式不继承页面的css. 于是我就单独建立个Editor. ...
【转帖】详解CSS网页布局中默认字体样式
转自:http://www.52css.com/article.asp?id=1174 浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样 ...
css 字体样式设置
css字体样式(Font Style),属性时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...
网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...
Android --- RecycleView 中默认选择第一个 item，点击第 2 个 item 时改变其字体样式，其余的 item 的字体样式恢复默认
问题描述: RecycleView 中默认选择第一个 item,点击第 2 个 item 时改变其字体样式,其余的 item 的字体样式恢复默认代码如下: 主要的参数是 mPosition publ ...
Android中对同一个TextView设置不同字体样式
这个只是做一个笔记,详情见代码: 代码中的注释也有说明. TextView textView = (TextView) findViewById(R.id.textView1);SpannableSt ...

CSS2--字体样式

CSS2--字体样式相关推荐

最新文章

热门文章