CSS样式基础_03

最新推荐文章于 2022-04-05 23:34:21 发布

三更初透

最新推荐文章于 2022-04-05 23:34:21 发布

阅读量212

点赞数

分类专栏： # HTML / CSS

本文链接：https://blog.csdn.net/qq_46134096/article/details/104790943

版权

5 篇文章 0 订阅

订阅专栏

CSS有三种使用方法，根据声明位置的不同分为内联样式表、内部样式表和外部样式表。

1、内联样式表
内联样式表又称为行内样式表，通过使用style属性为各种HTML元素标签添加样式，其作用范围只在指定的HTML元素内部。例：

 <h2 style="color: yellow;background-color: blue">内联样式表</h2>

在这里插入图片描述
2、内部样式表
内部样式表通常位于<head></head>标签内部，通过使用<style></style>标签标记各类样式规则，其作用范围为当前整个文档。语法格式：

<style>
	**选择器**{
			属性名称1：属性值1；
			属性名称2：属性值2；
			属性名称3：属性值3；
}
</style>

2.1基本选择器分类

3.外部样式表
外部样式表为独立的CSS文件，其后缀名为.css，在网页文档的首部标签之间使用标签对齐引用即可作用于当前整个文档。引用语法格式如下：

<link rel="stylesheet" type="text/css" href="样式文件URL">

4、样式表层叠优先级
内联样式>内部样式>外部样式

关注