CSS 基础知识一

最新推荐文章于 2021-07-19 15:11:13 发布

purple_lumpy

最新推荐文章于 2021-07-19 15:11:13 发布

阅读量195

点赞数

分类专栏：前端之HTML CSS 文章标签： css

本文链接：https://blog.csdn.net/purple_lumpy/article/details/78952685

版权

前端之HTML CSS 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

CSS 样式规则

CSS样式规则由两部分构成：选择器，声明。

选择器 ---> 指定哪个 html 元素进行样式设定

声明 ------> 由属性和值构成

定义好了css样式，还需要去引用它：

写在<head></head>标签内：

css 样式(样式语句不要加空格)

</style>

<!DOCTYPE html>
<html>
<head>
	<title>第一个css样式</title>
	<meta charset="utf-8">
	<style type="text/css">
		p{font-size:20px;}
	</style>
</head>
<body>
	<h1>CSS层叠样式</h1>
	<p>用于定义html内容在浏览器中的显示样式</p>

</body>
</html>

css 的注释：

/* 注释内容 */

应用CSS的方式：

- 行内样式（内联样式）

- 内部样式表（嵌入样式）

- 外部样式表

- 导入式

（1）行内样式

在开始标签内添加style样式属性

如： <p style="color:red;">内容</p>

（2）内部样式

把css代码写在<style></style>（在<head>标签内）之间：