css样式表中如何修改字体大小为18px?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css样式表中如何修改字体大小为18px?

在css样式表中可以通过font-size:18px样式来修改字体大小为18px。

font-size 属性用于设置字体大小。通过 font-size属性可以设置元素中所包含文本的字体大小。如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。

定义 font-size 时,可以使用预定义关键字、绝对尺寸、相对尺寸:

1)预定义关键字

预定义关键字有 xx-small、x-small、small、medium、large、x-large、xx-large,尺寸按顺序依次增大,类似于衣服的尺寸。

使用预定义关键字有两大缺陷:一是只有 7 种选择,可选择范围太小;二是跟衣服的尺寸一样,不同厂商对每个关键字对应的字体大小的精确值可能各不不同,导致在不同浏览器下,文本的大小可能不同。因此,不推荐使用预定义关键字来定义字体的大小。

2)绝对尺寸

绝对尺寸有px(像素)、pt(点,1pt 相当于 1/72in)、in(英寸)、cm(厘米)、mm(毫米)等。如:.px {

font-size: 14px;

}

.pt {

font-size: 10pt;

}

.in {

font-size: .15in;

}

.cm {

font-size: .4cm;

}

.mm {

font-size: 4mm;

}

字体大小: 14px

字体大小: 10pt

字体大小: .15in

字体大小: .4cm

字体大小: 4mm

上述代码定义了 5 种字体大小,都使用绝对单位。使用绝对长度单位后,在固定分辨率的显示器下,显示出来的都是固定大小。运行结果如图 3‑1 所示:

如果以 px 为单位设置字体大小,使用IE浏览器的用户,就不能在浏览器上通过设置“文字大小”来对文本进行放大或缩小。如果文本太小,就会影响阅读,使用户体验大打折扣。

3)相对尺寸

相对尺寸有 em、%、rem,它们都是相对于某个参考基准的字体大小,来计算当前字体的大小,只是参考基准不同而已。

更多web前端知识,请查阅 HTML中文网 !!

div html表格样式设置字体大小,css样式表中如何修改字体大小为18px?相关推荐

  1. keil设置c语言字体大小,Keil C51 µVision IDE 配置文件修改字体大小的方法

    最近在用keil的时候,发现默认字体实在太小了.正常来讲应该直接在config里面修改字体,不过这软件在我的win8.1上可能有问题.无法弹出配置框,直接卡死掉.所以我只能希望直接修改配置文件,来修改 ...

  2. html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式

    div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...

  3. div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式

    div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...

  4. html中span标签字数大小,DIV字体大小 span字体大小 font-size样式

    DIV内字体大小,DIV内文字大小设置,div font-size字体大小布局篇,同时扩展到span字体大小,等标签内字体大小设置布局教程 设置对象DIV字体大小或span字体大小设置有两种方法,一种 ...

  5. html字体修改微软字体大小,css设置字体(css怎么调整字体大小)

    一般字体的设置包含:字体,字体大小,字体颜色 html设置字体的话有很多标签去设置1. h1,h2,h3,h4,h5,h6 标题 其中 定义最大的标题. 定义最小的标题.2. 采用. 用Css设置整个 ...

  6. web(html运行)设置字体大小、样式及字体名称

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  7. android的word默认字体大小设置,更改Microsoft Word文档的默认字体大小和样式 | MOS86...

    Microsoft开始在Office 2007中使用Calibri 11pt字体.对于许多用户而言,字体太小,您可能希望使默认值不同. Microsoft Office在Office 2007中将字体 ...

  8. IntelliJ IDEA设置修改字体大小与样式

    转载声明:商业转载请联系作者获得授权,非商业转载请注明出处.原文来自 © 呆萌钟[IntelliJ IDEA]设置修改字体大小与样式 字体修改 界面主题字体修改 标注1:点击工具栏最上方的File选项 ...

  9. 【最全IDEA个性化教程】idea设置主题+恢复主题默认设置+设置选中代码颜色+关键字颜色+设置字体大小、样式、颜色+设置背景颜色、图片+设置导航栏背景颜色+设置控制台字体样式及背景+常用快捷键)

    目录 下载设置主题样式+恢复主题默认设置 1 个性化代码段 1.1设置颜色 设置光标颜色 自定义图片做背景 修改代码段的颜色和背景颜色 选中代码块颜色修改,修改括号颜色 1.2 设置字体大小.格式 1 ...

最新文章

  1. 【转载】反向代理为何叫反向代理?
  2. iOS架构-xcodebuild常用命令(22)
  3. Linux CentOS 6.x 关闭图形化界面的方法
  4. leetcode 475. Heaters | 475. 供暖器(找最后一个不大于target的值/第一个不小于target的值)
  5. 主成分分析法_主成分分析法在地震学领域的新应用
  6. 《C++ Primer》1.51节练习
  7. 2017-03-10Git撤销修改
  8. php将xml转为array,php将xml数据转化为数组(array)
  9. 简述结构化程序设计、面向对象程序设计的概念及其区别
  10. Kubernetes入门培训(内含PPT)
  11. 吴孟达《高等工程数学》第一章笔记和部分课后习题答案详解
  12. Java白皮书的关键术语
  13. c# 非阻塞算法_c# – 了解非阻塞线程同步和Thread.MemoryBarrier
  14. win10系统回收站隐藏的方法
  15. 管家婆辉煌7.2 7.1 年结存导致单据明细丢失 提示:这段时间无过帐单据。
  16. 自学系列-有哪些高质量的自学网站
  17. 游戏建模:21个人脑壳雕刻小小技巧,非常有用!
  18. 麻了,别再为难软件测试员了
  19. 分布式事务之柔性事务
  20. 把FIL放在哪里最值钱

热门文章

  1. Dan Pitt卸任ONF执行董事
  2. YII2.0电商平台开发笔记
  3. 史上最全Java面试题整理(附参考答案)
  4. c语言计算级数,C语言之数值计算--级数算法
  5. xero 软件学习_使用PHP与Xero连接
  6. CentOS 7输入startx无法启动图形化界面
  7. 【转】如何连接两台电脑同时上网
  8. cad剖切线的快捷键_Auto CAD2017剖切符号快捷键是什么呢?
  9. Android禁用系统更新
  10. 简单五子棋游戏c语言简单,C语言制作简单五子棋游戏