持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第30天,点击查看活动详情
前言
大家好呀,我是L同学。在上篇文章css——内联样式中,我们学习了css中的相关知识点,包括内联样式、内部样式表、外部样式表等相关知识点,。今天,在这篇文章中,我们将学习link元素、进制、CSS颜色的表示方法等相关知识点。
link元素
link元素是外部资源链接元素,规范了文档与外部资源的关系,link元素通常是在head元素中。最常用的链接是样式表(CSS),此外也可以被用来创建站点图标(比如 “favicon” 图标)。
link元素常见的属性有:
- href:此属性指定被链接资源的URL。 URL 可以是绝对的,也可以是相对的。
- rel:指定链接类型。有icon:站点图标,stylesheet:CSS样式。
进制
进位制是一种记数方式,亦称进位计数法或位值计数法。可以这样理解,当数字达到某个值时,进一位(比如从1位变成2位)。
接下来我们简单学习一下计算机中的二进制、八进制、十六进制。
- 二进制(0b开头, binary):其中的数字由0、1组成。
- 八进制(0o开头, Octonary):其中的数字由0~7组成。
- 十六进制(0x开头, hexadecimal):其中的数字由0~9和字母a-f组成(大小写都可以)
虽然计算机更喜欢二进制, 但是编程中我们还是以十进制为主,因为高级编程语言的目的就是更加接近自然语言, 让我们人类更容易理解。
CSS颜色的表示方法
在CSS中,颜色,有以下几种表示方法:颜色关键字和RGB颜色。
颜色关键字是不区分大小写的标识符,它表示一个具体的颜色。
RGB是一种色彩空间,通过R(red,红色)、G(green,绿色)、B(blue,蓝色)三原色来组成了不同的颜色。也就是通过调整这三个颜色不同的比例,可以组合成其他的颜色。RGB各个原色的取值范围是 0~255。
RGB颜色可以通过以#为前缀的十六进制字符和函数(rgb()、rgba())标记表示。
方式一:十六进制符号:#RRGGBB[AA]
R(红)、G(绿)、B (蓝)和A (alpha)是十六进制字符(0–9、A–F);A是可选的。比如,#ff0000等价于#ff0000ff。
方式二:十六进制符号:#RGB[A]
R(红)、G(绿)、B (蓝)和A (alpha)是十六进制字符(0–9、A–F)。三位数符号(#RGB)是六位数形式(#RRGGBB)的减缩版。比如,#f09和#ff0099表示同一颜色。四位数符号(#RGBA)是八位数形式(#RRGGBBAA)的减缩版。比如,#0f38和#00ff3388表示相同颜色。
方式三:函数符: rgb[a](R, G, B[, A])
R(红)、G(绿)、B (蓝)可以是(数字),或者(百分比),255相当于100%。A(alpha)可以是0到1之间的数字,或者百分比,数字1相当于100%(完全不透明)。