【19】CSS基础（4）——常用样式（文字/盒模型）

倏存

已于 2022-07-12 21:44:20 修改

阅读量833

点赞数 4

分类专栏：前端基础文章标签： css 原力计划

于 2021-01-31 22:20:24 首次发布

本文链接：https://blog.csdn.net/weixin_47640160/article/details/113485547

版权

本文是CSS基础教程的第四部分，详细介绍了文字的三个主要属性：颜色、字体和字号，以及盒模型的三个关键属性。内容涵盖颜色的色名和颜色值（rgb、十六进制模式），字体的设置及其注意事项，字号的选择与应用，并强调了在实际工作中的兼容性和设计图要求。此外，还提及了盒模型属性对于元素在浏览器中显示的影响。

摘要由CSDN通过智能技术生成

【19】CSS基础（4）——常用样式（文字/盒模型）

上篇刚刚讲了cascading层叠式，这部分来讲style样式。
常用样式。

在这里插入图片描述

一、文字三属性

（一）颜色 color

1.作用∶

给文字设置颜色；

2.语法：

属性名k∶color
属性值v∶颜色名、颜色值

color: red;

（1）颜色名

使用颜色的英文单词进行表示。需要记忆一些最常用的颜色名，更多的颜色可以通过W3Cschool手册查询。

（2）颜色值

指使用具体颜色的数值表示。包括: rgb 模式和十六进制模式。
①rgb 模式∶
是根据红绿蓝三原色进行混合而成的颜色模式。
☆每个原色的取值范围是0-255，一共256个数值。三个原色共能混合成
1677多万种颜色；
☆书写方法∶rgb（红，绿，蓝）
常用颜色的rgb色值∶

颜色名	rgb
红色	rgb(255,0,0)
绿色	rgb(0,255,0)
蓝色	rgb(0,0,255)
黑色	rgb(0,0,0)
白色	rgb(255,255,255)
灰色	rgb(128,128,128)

②十六进制模式
☆十六进制模式∶是rgb 模式的一种简化写法，使用十六进制的数字字符去替换十进
制的 0–255 的数字。
☆十六进制∶逢十六进一，每个数位上只能出现0-9，a-f 之间的字符。
☆书写为颜色值时，红、绿、蓝每个色值都要使用两位数的十六进制进行替换。
0→00
255→ff
☆书写方式∶使用#开头，后面连续书写红、绿、蓝三个颜色的十六进制的两位数值。