本文详细介绍了CSS的字体属性，包括设置字体、字体粗细和文字倾斜；文本属性，如文本颜色、对齐和装饰；以及背景属性，如背景颜色、图片和圆角矩形。通过实例展示了如何使用这些属性来美化网页文本和布局。
|
|
【前端】CSS(1) —— CSS的基本语法和一些简单的选择器
CSS 的字体属性
设置字体
计算机里有很多种字体
- 微软雅黑
- 楷体
- 宋体
- …
CSS 中设置字体
font-family:
# 注意 # 使用字体的前提是电脑上已经有这个对应的字体.
字体粗细
font-weight:
: 后面的值需要是 100- 900 的整百, 数字越大字体就越粗.
# 注意 # 除100 - 900 之外, 还可以是以下四项(700 == bold, 400 是不变粗, == normal)
文字倾斜
/* 设置倾斜 */
font-style: italic;
/* 取消倾斜 */
font-style: normal;
CSS 的文本属性
文本颜色
color 这里可以写的值有多种写法
直接写单词. red, green, yellow
color: hotpink;
写成 rgb/ rgba 形式
# rbg
color: rgb( , , );
rgb: 计算机表示颜色的基本方式
- R: red
- G: green
- B: blue
计算机通过三原色 (色光三原色) 的组合, 来表示各种颜色.
“像素” 每个光点都可以表达一种颜色 (表达的颜色就是通过 RBG 来构成的)
计算机种典型的表示方式, 使用一个字节表示 R, 一个字节表示 G, 一个字节表示 B
每种颜色的取值范围 0-255 ,合在一起, 颜色的取值种类就非常多了.
# rgba (a指的是透明度)
<body>
<style>
div {
color: hotpink;
font-size: 40px;
}
.parent {
background-color: aquamarine
最低0.47元/天 解锁文章
扫一扫
3609
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
