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

article/2025/3/13 22:13:53

字体类型:

标签{属性名font-family:值;}

可以设置文字的字体风格。

字体类型可以用引号包起来,也可以不写。

后面会有好几个用逗号分隔开的,意思是逐个应用,哪个浏览器支持就应用哪个,浏览器一看第一个我不认识啊,就认第二个,还不认识就第三个。

字体大小:

标签名{属性font-size:12px;}

我把div包裹的内容的文字大小设置为12像素了

2em的意思是字体大小设置为2倍的上级元素的大小

在适配机型让各种手机屏幕兼容显示大小时更多使用的时候是rem。rem是根据根元素html的大小来的

body的默认字体大小是16

字体粗细:

 

点类名或标签{font-weight:bold(粗体)选bolder的话浏览器现在并不会更粗但是会告诉浏览器我是更粗的字体,在语义化上。span表示强调在浏览器上利于网络搜索,可以方便浏览器更快的抓取页面;normal表示不加粗也不变细,lighter变细 。400是正常700是粗体 在显示上300是细以下是语义,700是粗以上是语义。400到600看上去还是有点点区别

字体风格:

 

点类名或标签{font-style:italic/oblique 都表示斜体;normal摆正}

一般我们设置字体顺序如下

font-style

font-weight(前面两个顺序可以颠倒)

font-size

font-family(放最后)

——————————————————————————————————————————————————————————————————————————————————————

文本样式

color的两种写法

十六进制写法:
2位表示红色含量2位表示绿色含量2位表示蓝色含量,举个栗子:#1ECA5F

rgb(r,g,b)正整数取值0~255
RGBA在rgb的基础上怎讲alpha透明度参数值为0~1
比如说background:ragb(45,48,51,.8)

排版

标签或点类名{text-align:文本对齐:默认left 左对齐。right右,center;居中(还有前两个可以对图片生效的说)。justify;两端对齐(对图片生效的效果很非常特别不明显) 加p标签上下会加点间距但是排版不会更改

首行缩进


text-indent:px就是像素em是根据上一级元素来的 ,假如上一级是body,默认16px,2em就是缩进了两个字符36px

-----------------------------------------------------------------------------------------------------------

line-height:行高,值越大,行的间距就越大 有normal。

 

行高设置的一般比字体大一点,行高和高度设置的一样时,叫做垂直居中

height=line-height

文章来源:https://blog.csdn.net/chihuomiao/article/details/123729959
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://chatgpt.dhexx.cn/article/dYEhIVwp.shtml

相关文章

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”之后发生了什么,为什么会出现【百度一下,你就知道】这…

HTTP协议的工作原理

一、HTTP协议用于客户端和服务端之间的通信 1、http协议规定,请求是从客户端发出,最后服务器端相响应请求并返回 2、请求报文是由请求方法,请求URI,协议版本,可选的请求首部字段和内容实体构成。 3、响应报文基本上由…

HTTP和HTTPS的工作原理及区别

一、HTTP和HTTPS的基本概念 HTTP(HyperText Transfer Protocol:超文本传输协议):是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从Web服…