zoukankan      html  css  js  c++  java
  • CSS基础3——使用CSS格式化元素内容的字体

    1、CSS属性单位

    (1)长度单位:包含绝对长度单位和相对长度单位

    绝对长度单位包含:cm、mm、in、pt、pc等。

    绝对长度单位最好用于打印输出设备。在仅作为频幕显示时。绝对长度值并没有什么意义。

    相对长度单位包含:px、em、ex等。相对长度指元素尺寸相对于浏览器的系统默认值来对应的缩放。em是相对于当前对象中文本M的字体尺寸大小。

    ex是相对于当前对象中文本x的字体尺寸大小。假设当前对行内文本额字体尺寸未被人为设置。则相对于浏览器默认字体尺寸。

    px。em,百分比的转换:16px = 1em = 100%    1px = 0.0625em = 6.25%

    (2)颜色单位

    百分比表示,如color:rgb(50%,0,50%);

    用0-255之间的整数值来设置。如color:rgb(128,0,127);

    使用十六进制数组定义颜色,如color:#e1e1e1。

    使用简化的十六进制数定义颜色,如color:#fa1;等同于#ffaa11;

    用颜色的英文,如black(黑色),white(白色)等。

    (3)URL单位:格式是在"url"后面紧跟一个括号,括号里是url的地址。

    2、设置元素内容的字体

    (1)设置字体名称:font-family

    能够设置如宋体,Arial等字体。要使用安全字体(如arial 、verdana、宋体等),不能使用偏僻字体。能够同一时候制定多个字体,使用时用逗号分开,这样设置优点在于。假设电脑里没有第一个字体,浏览器能够使用后面指定的字体。

    (2)字体倾斜程度:font-style

    属性值包含 normal/italic/oblique

    (3)字体的变体:font-variant

    属性值包含 normal / small-caps。使用small-caps属性的元素的字体中的大写字母看起来要比正常的大写字母小一些。

    (4)字重:font-weight

    属性值包含 normal / bold / bolder / lighter / 100 / 200 / 300 / 400 / 500 / 600 / 700 / 800 / 900 。400相当于normal,700相当于bold,900是最重字体。 bolder 或 lighter 表示字体的字重比父元素高或低一级

    (5)字体大小:font-size

    属性值包含:<绝对大小>(如12pt) / <相对大小>(如1.5em) / <百分比>(如150%)

    (6)字体属性的缩写:font , 属性顺序依照{font-style 、 font-variant 、 font-weight 、 font-size 、 font-family},中间用空格分开。如 p{font:normal small-caps bold 120% 宋体。}

  • 相关阅读:
    CSS常用伪类
    HTML5常用API
    HTML5新技术FormData提交表单数据
    WebPack打包后如何调试
    layui的初体验(layer的使用)
    java数组
    java:注解
    java反射:框架设计的灵魂
    885历年编程题
    2020年专业课编程题
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/5192705.html
Copyright © 2011-2022 走看看