html设置字体的方法:1、【font-variant】属性可以设定小型大写字母;2、【font-weight】属性设置文本的粗细;3、【font-size】属性设置文本的大小。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html设置字体的方法:

1、字体变形

font-variant 属性可以设定小型大写字母。

小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

实例p {font-variant:small-caps;}

2、字体加粗

font-weight 属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。

实例p.normal {font-weight:normal;}

p.thick {font-weight:bold;}

p.thicker {font-weight:900;}

3、字体大小

font-size 属性设置文本的大小。

有能力管理文本的大小在 web 设计领域很重要。但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落。

请始终使用正确的 HTML 标题,比如使用

-

来标记标题,使用

来标记段落。

font-size 值可以是绝对或相对值。

HTML编程怎么设置字体,html怎么设置字体相关推荐

  1. PyCharm编程环境的中英文字体分别设置的好处多----一石三鸟地解决中文字体不一致、英文字体不涵盖中文字符、编程字体实用性兼顾美观性的三个问题

    在编程环境(例如Python的PyCharm)中,我们希望编程环境的字体具有如下特性: (1)字体覆盖中文和英文字符. (2)等宽字体,并且是TrueType字体,方便辨识代码中缩进和对齐的字符个数. ...

  2. 工欲善其事,必先利其器————每天十分钟搭建编程环境:Linux下设置雅黑-Consolas混合字体

    Consolas是一种专门为编程人员设计的字体,这一字体的特性是所有字母.数字与符号均能非常容易辨认,而且所有字符都具有相同的宽度,让编人员看着更舒服.但我们用Consolas在显示程序源码时,不可避 ...

  3. html5字体颜色自动转换,【转】js里alert里的字体颜色怎么设置:字体颜色方法;fontcolor(color)...

    alert("投票总数不大于");不知道怎么改变字体所以查了下找到下面的信息,好东西.用法: 主要内容如下: Javascript 要点 1. 变量用Var来声明 var 某某变量 ...

  4. Eclipse详细设置护眼背景色和字体颜色并导出

    Eclipse详细设置护眼背景色和字体颜色并导出 Eclipse是一款码农们喜闻乐见的集成开发平台,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,将给大家详细介绍如何设置成护眼主题的方法,也 ...

  5. html alert字体颜色,js里alert里的字体颜色怎么设置:字体颜色方法;fontcolor(color)...

    我的总结:  alert应该是没办法改变的  只有自己写个弹出窗口才可以改变字体颜色 我的总结:  alert应该是没办法改变的  只有自己写个弹出窗口才可以改变字体颜色 ============== ...

  6. latex入门(二) 字体字号的设置

    latex入门(二) 字体字号的设置 1.字体族的设置 (1)字体命令: \textrm{Roman Family} 在花括号内的字体都是Roman Family 字体 (2)字体声明: \rmfam ...

  7. UISlider+UILable 实现对字体大小的设置

    今天主要是实现了类似于iPhone设置页面的文字字体设置,具体效果如下:      点击第一个页面的cell会跳转到字体大小详情设置页面.在字体大小详情设置页面,拖动UISlider滑动条可以改变上方 ...

  8. jxl 创建表格(包括去掉网格线、字体设置、单元格设置、对齐方式等设置)

    效果图: 代码如下: import java.io.File; import java.io.IOException;import jxl.format.Alignment; import jxl.f ...

  9. Eclipse详细设置护眼背景色和字体颜色并导出(转自百度)

    Eclipse是一款码农们喜闻乐见的集成开发平台,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,将给大家详细介绍如何设置成护眼主题的方法,也做个抛砖引玉,希望能有更多的主题出现在Eclips ...

  10. css设置个性字体大小,css设置字体大小的属性名是什么

    css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...

最新文章

  1. 堆积木(基本数据结构-ArrayList数组的使用)
  2. android 自定义天气特效,《Android自定义控件》WindMillView,仿华为天气风车效果
  3. opencv-4.1.0-百度云盘下载链接-环境配置
  4. 【渝粤题库】广东开放大学 形成性考核 - 副本 (17)
  5. ajax前台传json到后台解析的方法以及注意事项
  6. java float 高效加减_java Double 进行加减乘除
  7. Spring Boot 2.3.3 稳定版发布!修复了这18个Bug!!
  8. ECCV 2020 论文大盘点 - OCR 篇
  9. html 右上角删除图标,网页制作html+css制作div标签增加右上角删除图标的示例代码...
  10. 《java入门第一季》之java语法部分小案例
  11. 后端已经配置 前端还是报cors错误怎么回事_换一种姿势挖掘CORS漏洞
  12. C# 实现Windows Media Encoder音视频捕捉
  13. 国际贸易术语_Incoterm
  14. 【ASP.NET MVC系列】浅谈Google Chrome浏览器(操作篇)(上)
  15. 服装店铺装修有哪些窍门?做好这3点,顾客主动上门
  16. H5网页开发新手入门-H5网页如何适应不同手机屏幕分辨率?
  17. Java EE 是什么?
  18. 提供一个vs6,vs2005,vs2008,office2007可以下载的地址.
  19. 【JWT】什么是JWT?
  20. CSDN日报20170407 ——《嘿,程序猿,你该学点经济学了!》

热门文章

  1. Python可视化深度图
  2. linux 清除命令,linux快速删除命令
  3. 无法连接到目标服务器,如何解决IDM连接错误?
  4. Pycharm最舒服的主题风格
  5. net.sf.jasperreports.engine.util.JRFontNotFoundException: Font 黑体 is not available to the JVM. See
  6. Mac安装mysql 8.0.21
  7. 【离散数学】图论 第七章(3) 图的矩阵表示(邻接矩阵、可达矩阵、传递闭包求解算法)
  8. SQL server 數據庫 從SQL2000搬移到SQL2016
  9. Win装linux双系统教程
  10. 伟库网与英特尔联手打造“用友伟库云”