【前端基础】4、CSS基础概念（编写规则、内嵌样式、内部样式表、外部样式表、注释、常见CSS（font-size、color、background-color、width、height））

最新推荐文章于 2025-05-01 08:38:22 发布

Joker Zxc

最新推荐文章于 2025-05-01 08:38:22 发布

阅读量265

点赞数 5

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

本文链接：https://blog.csdn.net/qq_42659468/article/details/146434319

版权

4 篇文章

订阅专栏

CSS文档

https://developer.mozilla.org/zh-CN/docs/Web/CSS

在这里插入图片描述

css声明存在于HTML元素的style属性之中。也称为行内样式。
css的样式之间用 ;隔开。
在这里插入图片描述

css声明存在于HTML文件的head元素的style元素之中。
在这里插入图片描述

css声明存在于css文件中，随后通过link元素引入到HTML中。
在这里插入图片描述

外部链接资源元素，规范文档和外部资源的关系。
通常出现在head元素中。
link元素常见属性
- href：指定被链接资源的URL。可以是绝对路径，也可以是相对路径。
- ref：指定链接类型，常见的链接类型：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes/rel
  ①icon：站点图标
  ②stylesheet：css样式

格式：/* 注释内容 */
例1：

/* css注释 */
<style>
    /* 设置宽度 */
	width:200px;
    /* 设置高度 */
	height:200px;
</style>

例2：

/* css注释 */
<style>
	width:200px;    /* 设置宽度 */
	height:200px;    /* 设置高度 */
</style>

在这里插入图片描述

注意：浏览器有默认字体设置。
在这里插入图片描述

在这里插入图片描述

颜色关键字
不区分大小写的标识符，代表一个具体的颜色。
例：color:pink;、color:blue;等等
RGB颜色
RGB是色彩空间。R（Red）、G（Green）、B（Blue）三原色组成不同颜色。
取值范围：0~255
例：color:rgb(111,222,333)
十六进制（#RRGGBB[AA]）
十六进制（#RGB[A]）