`
baby69yy2000
  • 浏览: 187894 次
  • 性别: Icon_minigender_1
  • 来自: 自己输入城市...
社区版块
存档分类
最新评论

常用 font-size 值

    博客分类:
  • CSS
阅读更多
大多数浏览器默认字体大小为16px
------------------------------------------------
  CSS        em      px         %      title
------------------------------------------------
xx-small   0.50em    8px       50%
           0.57em    9px       57%
x-small    0.63em    10px      63%      h6
           0.69em    11px      69%
           0.75em    12px      75%
small      0.82em    13px      82%      h5
           0.88em    14px      88%
           0.94em    15px      94%
mediue     1em       16px      100%     h4
           1.08em    17px      108%
large      1.13em    18px      113%     h3
           1.17em    19px      117%
           1.25em    20px      125%
           1.38em    22px      138%
x-large    1.50em    24px      150%     h2
           1.75em    28px      175%
xx-large   2em       32px      200%     h1
------------------------------------------------


分享到:
评论

相关推荐

    css中一些常用的font-size字体单位和line-height详解

    关于`line-height`的继承特性,与`font-size`不同,当`line-height`使用em单位时,子元素不会继承em的值,而是继承了转换为px的固定值。而当`line-height`设置为无单位的数字时,这个值是可以继承的,并且子元素的...

    CSS的font-size属性及其em值的使用

    通常,我们可以直接给元素指定一个像素值来确定字体大小,如"h1{font-size:25px;}",这里的"25px"就直接指定了元素中文字的大小为25像素。像素是最直观也是最常用的一种字体大小单位,它指定了字体在屏幕上显示的...

    常用的CSS标签标记属性翻译注释

    - **示例**: `body { font-size: 16px; }` #### 二、颜色和背景属性(Background) **2.1 color** - **定义与用途**: 定义文本的颜色。 - **示例**: `p { color: #FF0000; }` - **解释**: 可以使用十六进制值、RGB/...

    rem布局案例

    在实践中,开发者可能会根据设备的屏幕宽度使用媒体查询(media queries)来改变`@base-font-size`的值,从而实现不同分辨率下的布局调整。例如: ```less @media (max-width: 768px) { html { font-size: 14px; ...

    CSS Font-Size: em、px 、pt 、Percent之间的关系及换算

    在使用em进行换算时,一个常用的方法是将px单位的值除以10,然后将结果作为em单位的值使用。不过,这种方法可能会导致字体大小计算时出现误差,因为em的值不是固定的,它会受到父级元素字体大小的影响。因此,建议...

    常用css缩写.doc

    - 当定义字体时,可以使用`font`属性一次性指定`font-size`、`line-height`、`font-weight`、`font-style`、`font-variant`和`font-family`。例如: - `font: 1em/1.5em bold italic small-caps verdana,serif;` ...

    真正了解CSS3背景下的@font face规则

    4. **响应式设计**:根据屏幕尺寸或设备特性,动态调整字体的`font-weight`或`font-size`。 在实际开发中,要注意`@font-face`在旧版IE浏览器(如IE7、IE8)中的兼容性问题。对于这些浏览器,可能需要采用其他技术...

    Css+div_常用CSS标签及属性

    其中,em是相对于字体的font-size值的单位,ex是相对于字体中的小写x字母的高度值的单位,px是像素单位。 Css中的元素分类 在Css中,元素可以分为以下几种: * block(块级元素):包括P、H1-H6、list、div、body...

    css改变字体的一些网页

    3. `font-weight`: 控制字体的粗细,常用值有`normal`, `bold`, `bolder`等,也可以使用100到900的数字值。 4. `font-style`: 设定字体样式,如`italic`表示斜体。 5. `font-variant`: 可以设置小型大写(`small-...

    css字贴的解决方案

    - 当应用于`font-size`时,该值表示为父元素字体大小的百分比。 2. **相对单位:em** - `em`单位是CSS中最常用的相对单位之一。 - `1em`等于当前元素的字体大小。如果应用到子元素,则相对于其父元素的字体大小。...

    CSS最常用的样式代码

    - 通常中文环境下较少使用这些预定义值,更常见的是直接指定像素值(如`font-size: 16px;`)。 **2. 字体风格 (`font-style`):** - `font-style: oblique;`: 设置文本为偏斜体。 - `font-style: italic;`: 设置...

    XML应用开发(软件品牌)-1期 4.4 课堂实践-使用CSS文本属性显示XML文档-字体属性font.doc

    2. `font-weight`: 控制字体的粗细,常用值有 normal、bold、bolder 和 lighter,或者直接使用数字 100 至 900 表示不同程度的加粗。 3. `font-size`: 指定字体大小,可以使用绝对单位(如px、pt)或相对单位(如em...

    CSS公司内部培训资料

    - `font`:复合属性,包括`font-size`, `font-family`, `font-weight`, `text-decoration`, `line-height`等。 - `font-size`:设定字体大小。 - `font-family`:设定字体类型。 - `font-weight`:设定字体粗细...

    html3.zip_html 字体

    4. **字体大小**:`font-size`可以设置为绝对值(如像素、pt)或相对值(如em、rem)。相对单位使得文本具有更好的响应式布局,适应不同屏幕尺寸。 5. **字体样式**:`font-weight`用于设定字体的粗细,如`normal`...

    常用CSS样式属性CSS样式表.pdf

    - `font-size`: 设置字体大小,可以是像素值或百分比。 - `font-style`: 控制字体样式,如`normal`、`italic`和`oblique`。 - `font-variant`: 改变字母的大小写,如`small-caps`。 - `font-weight`: 设置字体...

    div+css常用标签.docx

    其中,em是相对于父元素字体大小的单位,1em等于相应字体的font-size值;rem是相对于根元素(通常是html)的字体大小;ex是基于字体的小写字母x的高度,但实际使用中并不常用;px是像素单位,是最常见的长度单位。 ...

    ASP动态网页教程TP4V1.0.ppt

    `property`是样式属性,如`color`、`font-size`、`font-family`;`value`是属性的值,如`red`、`30px`、`隶书`。 3. 常用的样式属性: - `font-size`: 设置字体大小,如`12px`、`16px`。 - `font-family`: 设置...

    常用的CSS属性大全

    - `font-size`: 设置字体大小,如`font-size: 9pt;`。 - `font-style`: 控制字体是否为斜体,如`font-style: italic;`。 - `font-variant`: 创建小型大写字母,如`font-variant: small-caps;`。 - `letter-spacing`:...

    移动端rem开发自适应js写法

    REM则提供了更灵活的解决方案,使得开发者可以通过调整一个全局值(html的font-size)来适应各种屏幕尺寸。 3. **JavaScript实现REM自适应** 使用JavaScript动态计算html的font-size,通常结合屏幕宽度(window....

Global site tag (gtag.js) - Google Analytics