css零基础到入门第一章【基础认知】
2023-10-03 本文已影响0人
by依白
一、基础认知
1 css介绍
css:层叠样式表
作用：让网页变得更加漂亮
语法：选择器{属性：值}
例：p{color:red}
2.css引入方式
2.1内嵌式
写在style标签中，通常写在head标签中
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{
color:red;
}
</style>
</head>
<body>
<p>今天你学习了吗？</p>
</body>
</html>
2.2外联式
写在单独css文件中，需要通过link标签引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/new_file.css">
</head>
<body>
<p>今天你学习了吗？</p>
</body>
</html>
2.3行内式
写在标签的style属性中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p style="color: red;">今天你学习了吗？</p>
</body>
</html>
