在HTML中用其字体标记来修饰文字字体方面的属性,使文字显示更丰富。本文所要讲述的就是网页中常用的字体标记,例如一个标题字体需要变大,并且颜色是红色,字体类别使用黑体或楷体等。

1、字体大小的设置

字体大小用像素表示,例如:12像素、14像素、16像素,一般网页中会有一个默认大小的像素,如果想改变字体大小,就需要重新设置。合理的字体大小能为网页添加很多修饰,看着更美观,更舒适。

格式:< font size="#">菁瑞优智< /font>

关键字size用来表示大小,#表示1-7的任意一个数字,数字越大,字体也就越大。

2、设置字体颜色

不同的字体颜色搭配,能让用户从视觉上更加认可网页,更能突出文章重点,这样才能让用户有继续浏览下去的可能。

格式:< font color="#">菁瑞优智< /font>

关键字color用来表示颜色,#表示颜色,可以是代表颜色的单词,例如“red”,也可以是RGB颜色值,例如“#cccccc”。

3、字体分为逻辑字体和物理字体

物理字体在工作中会经常用到,在《常用HTML标记和格式》中已经介绍过一部分,本文再次罗列出来,与其他标记一起比较,加深记忆。

< B>< /B>:将字符设置成粗体

< I>< /I>:将字符设置成斜体

< U>< /U>:给字符增加下划线

< S>< /S>:给字符增加删除线

< TT>< /TT>:将字符设置成打字机字体

< SUP>< /SUP>:将字符设置成上标字体

< SUB>< /SUB>:将字符设置成下标字体

逻辑字体可能很少见到,但作用很大。逻辑字体所体现的重点不同物理字体,其所显示出来的效果更美观。

< EM>< /EM>:强调文字

< STRONG>< /STRONG>:字体加重

< CODE>< /CODE>:显示编程代码

< SAMP>< /SAMP>:显示示例文字

< KBD>< /KBD>:显示键盘按键文字

< SMALL>< /SMALL>:缩小文字

< BIG>< /BIG>:放大文字

HTML中字体大小的设置相关推荐

  1. javaee设置字体大小_eclipse中字体大小怎么设置 eclipse设置字体大小的方法

    eclipse中字体大小怎么设置呢?本节内容中小编就为大家带来eclipse设置字体大小的方法,感兴趣的朋友可以了解一下哦! eclipse设置字体大小的方法 小伙伴1这样建议: 重装了系统,我一般都 ...

  2. QT 中 界面中消息的停留时间解决方案 以及 label 中字体大小和换行设置

    QT 中 界面中消息的停留时间解决方案 以及 label 中字体大小和换行设置 参考文章: (1)QT 中 界面中消息的停留时间解决方案 以及 label 中字体大小和换行设置 (2)https:// ...

  3. Eclipse设置:背景与字体大小和xml文件中字体大小调整

    Eclipse中代码编辑背景颜色修改:代码编辑界面默认颜色为白色.对于长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以改变workspace的背景色,可以使眼睛舒服一些.设置方法如下:1.打开wi ...

  4. idea中字体大小以及注释的颜色设置

    idea中字体大小以及注解的颜色设置的使用 字体设置 注解颜色

  5. css中字体大小font-size的设置

    font-size CSS 属性指定字体的大小.因为该属性的值会被用于计算em和ex长度单位,定义该值可能改变其他元素的大小. /* <absolute-size>,绝对大小值 */ fo ...

  6. html5如何设置字号,如何设置css中字体大小?

    如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...

  7. win7计算机字体大小怎么设置,新手使用win7系统中设置桌面的字体大小的方法

    win7的系统是现在很多的小伙伴安装系统的时候最好的最好的选择,那在win7电脑中对于新手来说一些操作还是不知道的,有疑问对于字体大小的是怎么自己修改字体还有文字的大小是怎么实现的呢,对于这个问题今天 ...

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

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

  9. PL/SQL中快捷键、内容提示、字体大小的设置

    1.快捷键的设置 http://blog.csdn.net/a88055517/article/details/6789194 2.内容提示的设置 http://blog.csdn.net/zws19 ...

  10. word中字体大小(pt)与网页中css设置font-size时用的px大小对应关系

    word中字体大小(pt)与网页中css设置font-size时用的px大小对应关系 pt与px转换关系为 1px= 0.75pt. 所以word中五号字体(10.5pt)在网页中对应的font-si ...

最新文章

  1. Metro Win8风格的按钮(Filp翻转)
  2. 【Hadoop】HDFS客户端开发示例
  3. 2020-08淘宝特价版杀入短视频赛道,步步紧逼拼多多-10
  4. SAP 电商云 Spartacus UI 的 checkout 设计
  5. Vue学习【第六篇】:Vue-cli脚手架(框架)与实战案例
  6. Python 为何能成最强编程语言?!
  7. 在 CentOS7 安装 ELK
  8. 百度网盘不能上传超过百兆的文件?
  9. iptables基本用法和linux网络相关
  10. emWin 2天速成实例教程013_修改BUTTON按钮等控件背景皮肤颜色_SetBkColor
  11. app版本控制的几种方式
  12. 2009福布斯中国上市公司最佳CEO榜
  13. Windows鼠标指针美化
  14. 计算机网络地址设置,如何设置电脑ip地址?电脑ip地址设置图文教程
  15. Linux(Ubuntu)中对音频批量转换格式MP3转WAV/PCM转WAV
  16. IE下载文件无法弹出下载框
  17. 移植MT7620A+MT7610E驱动到Openwrt trunk(Linux Kernel 3.14.18)(续:MT7620A)
  18. java实现批量注册_Java写的批量域名注册查询程序
  19. 教你如何在Sco Unix5.05安装大硬盘(启动输入硬盘参数方法)
  20. K - 链表的有序集合_Java

热门文章

  1. 游戏辅助制作核心--植物大战僵尸逆向之植物叠加种植(八)
  2. python-sklearn数据分析-线性回归和支持向量机(SVM)回归预测(实战)
  3. 计算机制作贺卡教案,教案与学生成果:制作电子贺卡
  4. UE4 虚幻引擎,处理PBR材质
  5. c语言编写用户注册程序,如何用c实现登录和注册的程序?
  6. 计算机键盘各个键的用途,给大家介绍键盘各个键的功能图解
  7. 一份B站视频加速器脚本原理请查收
  8. html 加爱心符号,爱心符号大全
  9. 图像分辨率和图像大小的计算
  10. 性能工具之 Locust 工具关联与参数化