[HTML]入门教程——CSS样式属性

刘先生LSS

已于 2022-03-23 00:11:47 修改

阅读量2.1k

点赞数 3

文章标签： html css 前端运维学习

于 2022-03-22 22:24:07 首次发布

本文链接：https://blog.csdn.net/hnspystqxskzlqc/article/details/123582600

版权

(接上一期知识，咱们继续讲解。)

一、字体样式

1.字体大小：font-size：px/em

2.字体粗细：font-weight：100-900 lighter/bold/bolder

3.字体风格：font-style：

normal:正常，默认
Italic是使用文字本身的斜体属性
Oblique是让没有斜体属性的文字倾斜

4.字体类型：font-family：英文中文

可总写：（font:风格粗细大小类型）

5.字体颜色：3种

1：颜色单词：yellow黄，red红等等

2： rab(0-255,0-255,0-255)

例：rab(255,255,255)白色

3：十六进制表示法：#FF0000(#F00)

练习一

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体样式</title>
		<style type="text/css">
			p {
				/* 顺序：风格  粗细  大小  类型 */
				font: italic lighter 30px "times new roman", "arial narrow", "仿宋";
			}
		</style>
	</head>
	<body>
		<p>welcome段落1</p>
	</body>
</html>

注：字体类型:如果浏览器不支持第一个，会往下自动使用第二个，中文必须放在英文之后。

效果如下图：

二、文本样式

1. letter-spacing：改变文字或者字母之间的间距

2. word-spacing：改变单词与单词之间的间距

3. line-height：行高(设置字体居中，行高和高度一致，增加段落间距)

4. text-align：文本居左或者居右或者居中或者两端对齐（justify-content）

5. 文本装饰：text-decoration

最低0.47元/天解锁文章

刘先生LSS

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
[HTML]入门教程——CSS样式属性

一、字体样式字体大小：font-size：px/em 字体粗细：font-weight：100-900 lighter/bold/bolder 字体风格：font-style： normal:正常，默认 Italic是使用文字本身的斜体属性 Oblique是让没有斜体属性的文...
复制链接

扫一扫