CSS属性之字体(Font)

font:[ [ "| || ]? [ / ]? ] 

复合属性,各属性见下文。

必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱。

可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某种附属值,后面必须有font-family。

font-style:normal | italic | oblique

normal: 指定文本字体样式为正常的字体。

italic: 指定文本字体样式为斜体。对于没有设计斜体的特殊字体,如果要使用斜体外观将应用oblique。

oblique: 指定文本字体样式为倾斜的字体。人为的使文字倾斜,而不是去选取字体中的斜体字。

注:italic 和 oblique 的区别实在看不出来,至少在Chrom浏览器下看不出来。

font-variant:normal | small-caps

normal: 正常的字体。

small-caps: 小型的大写字母字体。

font-weight:normal | bold | bolder | lighter | 

normal: 正常的字体。相当于number为400。

bold: 粗体。相当于number为700。

bolder: 特粗体。也相当于strong和b对象的作用。

lighter: 细体。

: 用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 。

font-size: | | | 

: 根据对象字体进行调节。可选参数值:xx-small | x-small | small | medium | large | x-large | xx-large。以 medium 作为基础参照,xx-small相当于medium 3/5 (h6),x-small: 3/4,small: 8/9 (h5),medium: 1 (h4),large: 6/5 (h3),x-large: 3/2 (h2),xx-large: 2/1 (h1)。

: 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。可选参数值:smaller | larger。

: 用长度值指定文字大小。不允许负值。

: 用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值。

font-family:[ | ] [, | ]*

: 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文,则应使用引号括起 。

: 字体序列名称。

font-stretch:ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded

ultra-condensed: 比正常文字宽度窄4个基数。

extra-condensed: 比正常文字宽度窄3个基数。

condensed: 比正常文字宽度窄2个基数。

semi-condensed: 比正常文字宽度窄1个基数。

normal: 正常文字宽度。

semi-expanded: 比正常文字宽度宽1个基数。

expanded: 比正常文字宽度宽2个基数。

extra-expanded: 比正常文字宽度宽3个基数。

ultra-expanded: 比正常文字宽度宽4个基数。

但即使支持,显示效果也与正常文字并无不同。

CSS属性之字体(Font)相关推荐

  1. CSS属性:字体属性和文本属性

    本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position.float.overflow等 CSS的单位 html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中 ...

  2. css文本行高是哪个属性_CSS样式----CSS属性:字体属性和文本属性(图文详解)...

    本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 本文重要内容 CSS的单位 字体属性 文本属性 定 ...

  3. [前端笔记006]CSS布局之字体 -- font

    资源 推荐zeal:离线文档查看器 https://zealdocs.org/ 推荐w3c:线上文档 https://www.w3school.com.cn/ 本笔记参考视频,尚硅谷:BV1XJ411 ...

  4. PyQt(Python+Qt)学习随笔:Qt Designer中部件的调色板palette属性和字体font属性设置

    一.调色板 在Qt Designer的部件属性中,有个部件调色板(palette)的属性,进入后,如下图所示: 1.调色板palette Qt中提供的调色板palette用于管理控件的外观显示,对应P ...

  5. CSS基础学习-5.CSS属性_字体文本文本装饰

    转载于:https://www.cnblogs.com/songsongblue/p/11046039.html

  6. CSS属性之颜色与字体

    本篇来认识CSS一些常用的属性:颜色与字体. 颜色值 在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也 ...

  7. html中怎么把字体向上调,css怎么调整字体?

    css怎么调整字体?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么调整字体? 在CSS中可以使用字体(font)属性来调整字体.CSS字体属性 ...

  8. css属性小结之文本

    css属性小结之文本 (1)用text-decoration设置文本修饰线 要对文本增加一些装饰性的效果,可以使用元素的text-decoration属性,该属性的值有:underline. over ...

  9. CSS中的字体属性和使用

    CSS字体属性: 定义字体的大小,字体系列,粗细和文字样式等: (1)font-family p {font-family: "微软雅黑":} div {font-family; ...

最新文章

  1. python 自定义log
  2. python 如何转换dataframe列的类型_如何使用Python将所有列从数值转换为分类
  3. '无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令' 的解决方法...
  4. 本地缓存需要高时效性怎么办_详解微信小程序缓存--缓存时效性
  5. Java实现回形数,只利用数组、循环和if-else语句
  6. android第二十步摄像
  7. 头条白板面试_如何在白板上组织您的想法并粉碎技术面试
  8. 用汇编的眼光看C++(之类继承)
  9. 背景图片-密度屏幕(移动端)
  10. many to many mysql_mysql “Too many connections” 解决办法
  11. 分区桌面 壁纸(正在做,常用,之后在做,临时存)
  12. 腾讯电脑管家具有计算机病毒查杀功能,腾讯电脑管家算杀毒软件吗_腾讯电脑管家不仅仅是杀毒软件-高达阁杀毒软件站...
  13. 文章翻译软件-批量免费翻译软件支持各大翻译接口
  14. 多元有序logistic回归分析_SPSS:二元Logistic回归中自变量的处理和解读——有序多分类变量的处理...
  15. 计算机是学前端开发好还是后端开发好?
  16. 刨根究底字符编码之—UTF-16编码方式
  17. 巨头发力,社区电子商务发展加速
  18. AARRR模型——留存:始于价值,合于套路,久于习惯(中)
  19. 纳滤膜让蔗糖精制废水回收变得简单
  20. 欧姆龙PLC HostLink通讯 C-MODE格式

热门文章

  1. 【组合数学】组合恒等式 ( 变上项求和 1 组合恒等式 | 三种组合恒等式证明方法总结 | 证明变上项求和 1 组合恒等式 )
  2. luogu P1037 【产生数】
  3. bzoj4592[SHOI2015]脑洞治疗仪
  4. 关于manacher
  5. SharePoint KB
  6. Cocos2d-x游戏中默认的AndroidManifest.xml的解析
  7. maven 在 mac中的配置
  8. Webfrom --图片验证码
  9. Java 8 简明教程
  10. nyoj 776 删除元素