HTML编程怎么设置字体,html怎么设置字体

article/2025/3/14 5:43:32

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

1937b4cb709e871cb942ebe00448ce0d.png

本教程操作环境: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 值可以是绝对或相对值。


http://chatgpt.dhexx.cn/article/VtMmnJ4O.shtml

相关文章

html字体及文本样式设置

文本属性 -颜色属性 color:black or color:rgb(255,255,255) or color:rgba(255,0,0,0.5) 第四个为透明值设置,取值0-1 or color:#000 十六进制 - font-style 用于打开和关闭斜体文本 font-style:italic;斜体 normal 正常 - font-weight 为字体设置粗细…

HTML5的字体样式设置方法(一)

字体类型: 标签{属性名font-family:值;} 可以设置文字的字体风格。 字体类型可以用引号包起来,也可以不写。 后面会有好几个用逗号分隔开的,意思是逐个应用,哪个浏览器支持就应用哪个,浏览器一看第一个我…

HTTPS的工作原理

内容有点多,但干货满满,相信我,你一定会有收获! 在正式开始讲解https之前我们还得先搞清楚两个概念:什么是对称加密,以及什么是非对称加密? 对称加密的介绍 对称加密比较简单,就是…

深度解析HTTPS原理

深度解析HTTPS原理 HTTPS(全称:HyperText Transfer Protocol over Secure Socket Layer),其实 HTTPS 并不是一个新鲜协议,Google 很早就开始启用了,初衷是为了保证数据安全。 近两年,Google、Ba…

HTTP协议工作原理、工作过程

1. HTTP简介 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定…

http和https工作原理

http: HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定传输文…

HTTP工作原理详解

1. HTTP简介 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定…

Http--工作原理

参考自 转载自 温习以下知识点: 1、TCP 2、TCP的3次握手和4次挥手 3、HTTP 4、HTTPS 5、SPDY 6、HTTP2.0 7、隧道 8、代理 9、InetAddress和InetSocketAddress一、TCP OSI七层协议(网络体系下的关系) 熟记这七层协议,发送时从…

web应用程序工作原理和HTTP原理

web程序工作原理 web程序大致可分为静态网站和动态网站,静态网站使用HTML语言编写,代码文件放在Web服务器,用户使用浏览器通过HTTP协议请求访问Web服务器上的Web页面,Web服务器将接收到的用户请求处理后,再发送给客户端…

HTTP介绍、原理

HTTP 与 HTTPS 有哪些区别? HTTP 是超文本传输协议,信息是明文传输,存在安全风险的问题。HTTPS 则解决 HTTP 不安全的缺陷,在 TCP 和 HTTP 网络层之间加入了 SSL/TLS 安全协议,使得报文能够加密传输。HTTP 连接建立相…

HTTP与HTTPS的工作原理

普通HTTP请求存在的问题 HTTP 本身是明文传输的,没有经过任何安全处理。例如用户在百度搜索了一个关键字,比如“苹果手机”,中间者完全能够查看到这个信息,并且有可能打电话过来骚扰用户。也有一些用户投诉使用百度时(官网&#x…

HTTP的工作原理

敲牛腩新闻发布系统的时候其实基本上就是按照视频中的讲解一步一步的进行,里面涉及到的知识大部分都是自己之前没有接触,它算开了个头剩下的就是如何去解决这些问题了。 在该系统的编码完成后,首先想到的就是发布了这在之前的博客&#xff08…

HTTP协议:工作原理

1. HTTP简介 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定…

http协议原理

HTTP工作原理 HTTP协议定义Web客户端如何从Web服务器请求Web页面,以及服务器如何把Web页面传送给客户端。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求报文,请求报文包含请求的方法、URL、协议版本、请求头部和请求数据。服务器以一个状态…

HTTP原理与实现

一、基本概念 一、基本原理* 1、全称: HyperText Transfer Protocol (超文本传输协议) 2、底层实现协议:建立在 TCP/IP 上的无状态连接。 3、基本作用:用于客户端与服务器之间的通信,规定客户端和服务器之间的通信格式。包括请…

HTTP协议原理详解

文章目录 TCP协议与HTTP协议TCP 和HTTP的渊源HTTP 的版本HTTP/0.9HTTP/1.0HTTP/1.1HTTP/2.0 HTTP/1.1相较于 HTTP/1.0 协议的区别HTTP1.0运行方式HTTP1.1运行方式 HTTP/2.0 与HTTP/1.1 的区别区别:HTTP/2为什么是二进制HTTP/2多路传输消息头为什么需要压缩服务器推送…

@http工作原理及使用

文章目录 Http协议介绍Http工作原理访问网站分析Http请求方法Http响应方法http相关术语 Http协议介绍  HTTP 全称:Hyper Text Transfer Protocol 中文名:超文本传输协议------包含有超链接(Link)和各种多媒体元素标记(Markup)的文本。这些…

深入浅出HTTPS工作原理

深入浅出HTTPS工作原理 看了这么多篇讲https和加密算法的文章,只有阮一峰老师和这位老师的总结比较好。特此转载。 本文经授权转自腾讯蓝鲸(微信号:Tencent_lanjing) 蔡卓伦 14年毕业后加入腾讯sng增值产品部,一直从事…

HTTP详解 1 -工作原理

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴! 1. HTTP简介 HTTP协议(HyperTe…

关于HTTP的工作原理

对于http,相信只要是个码农就都不会很陌生,但是如果有人问你,你对http了解吗?或者问当我们在浏览器的地址栏中输入一个网址如“http://www.baidu.com”之后发生了什么,为什么会出现【百度一下,你就知道】这…