前端CSS----第四天：CSS基础_前端基础css第四天ppt-CSDN博客

本文链接：https://blog.csdn.net/weixin_52943417/article/details/129337498

<style>
	p{
	color:red;
}
</style>

<head>
	<style>
		.red{
			color:red;
			}
	</style>
</head>
<body>
	<li class = "red">兵</li>
</body>

id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式，HTML元素以id属性来设置id选择器，CSS中id选择器以**“#“**定义

<head>
	<style>
		#pink{
			color:pink;
		}
	</style>
</head>
<body>
	<div id = "pink">作者真刷</div>
</body>

注意：id选择器只能调用一次

CSS使用font-family属性定义文本的字体系列

p{
	font-family:'微软雅黑';
}

CSS使用font-size属性定义字体大小

p{
font-size:20px;}

使用font-weight定义字体粗细

p{
	font-weight:bold;
}

使用font-style设置文本的风格

属性值	作用
normal	默认值，浏览器会显示标准的字体样式
italic	浏览器会显示斜体的字体样式

color属性用于定义文本的颜色

div{
color:red;
}

text-align属性用于定义文本内容的水平对齐方式

div{
	text-align:center;
}

text-decoration属性规定添加到文本的修饰，可以添加下划线，删除线，上划线等

text-indent属性通常是将堕落的首行缩进

div{
	text-indent:20px;
}

line-height属性设置行间距，控制文字行与行之间的距离

p{
	line-height:20px;
}

<style>
	div{
	color:red;
	font-size:12px;
}
</style>

<div style = "color:red; font-size:12px;">作者贼帅<div>

引入外部样式表的步骤：
①新建一个后缀名为CSS的样式文件，把所有CSS代码都放入到此文件中
②在HTML中，使用<link>标签引入这个文件

<link rel = "stylesheet" href = "CSS文件路径">

在这里插入图片描述