zoukankan      html  css  js  c++  java
  • 5字体

    CSS中定义了5种通用字体系列:serif,sans-serif,monospace,cursive,fantasy。font-family属性可以指定字体。当一个字体名中有一个或多个空格,或者如果字体名包括#或¥之类的符号,需要在font-family声明中加引号。font-family: Wedgie, 'Karrank%', Klingon, fantasy;

    font-weight属性可以用来加粗字体。bolder用来设置字体比所继承值更粗的一个字体。lighter用来设置字体比所继承值更细的字体。

    font-size属性用来设置字体大小。font-size的作用是为给定字体的em框提供一个大小,而不能保证实际显示的字符就是这种大小。font-size有7个绝对大小值:xx-samll,x-samll,small,medium,large,x-large,xx-large。根据CSS1规范,缩放因子为1.5,CSS2中缩放因子可能介于1~1.2之间。larger和smaller关键字使元素的大小相对于其父元素的大小在绝对大小梯度上上移或下移,相对大小值不必限制在绝对大小范围内。因此,一个字体的大小可以超过xx-small和xx-large的大小。

    百分数和相对大小关键字很类似,总是根据从父元素继承的大小来计算。在CSS中font-size是可以继承的,不过继承的是计算值而不是百分数。

    font-style属性可以设置字体的风格。值:italic,oblique,normal,inherit。italic是一种单独的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。oblique文本则是正常竖直文本的一个倾斜版本。

    font-variant属性可以设置常见的变形。值:samll-caps,normal,inherit。small-caps要求使用小型大写字母文本。

    font-stretch属性可以让字体更瘦或更胖。font-size-adjust属性的目的是当所用字体并非创作人员的首选时,仍然保证可以辨识。

    font属性是涵盖所有其他字体属性(以及少数其他内容)的一个简写属性。font:font-style:XX; font-variant:XX, font-weight:XX; font-size:XX/line-height:XX; font-family:XX;   font-size要相对于父元素来计算,line-height则相对于元素的font-size来计算。fonr-size和font-family不仅要以此顺序作为声明中的最后两个值,而且font声明中必须有这两个值,其他值都是可选的。使用简写font时,所有被忽略的值都会重置为其默认值。

    希望web页面结合用户操作系统设置时,可以使用系统字体。系统字体只能整体设置。不过,一旦已经设置了系统字体,就可以修改其中的单个值。

  • 相关阅读:
    vue-element-admin
    一些问题
    前端面试题(2)
    乱炖
    node与mongodb、mongoose
    NodeJs中的模块
    NodeJs基础
    论文阅读——Visual inertial odometry using coupled nonlinear optimization
    C++多线程学习之(一)——并发与多线程
    ECMAScript6的lambda(arrow function)的this绑定导致call/apply失效
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6138892.html
Copyright © 2011-2022 走看看