前端学习笔记 - Css

1. 什么是Css？

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言，简单说就是网页的“美容师”。

---

2. 体验 Css

Css 的三种写法：

• 内部样式
• 行内样式
• 外部样式

我们一一的细说.

---

2.1 行内样式

语法：

<p style="属性名:属性值;">Hello World</p>

<p style="color: red;">Hello World</p>

• Style: Css的关键字
• 属性名与属性值中间以冒号隔开
• 样式书写完毕以分号结束

注：行内样式只适合一些代码量较少的项目中使用，或者是一些简单的功能上，在实际开发中我们并不是常用，因为它没做到样式与结构相分离。

---

2.2 内部样式

语法：

<style>
	选择器 {
	    属性名: 属性值;
	}
</style>

• 选择器：用于选择标签
• 样式书写在style中，一般在head中书写
• 属性名与属性值，跟我们前面说的一样只不过现在他们是被包含在花括号内

注：内部样式使用的也多，但还不如最常用的。

---

2.3 外部样式

外部样式，需要独自创建一个.css的文件，并引入到HTML中。

• 引入 Css

<link rel="stylesheet" href="Css文件">

<link rel="stylesheet" href="css/style.css">

引入一般写在head标签中，引入成功后就可以开始书写了

外部样式，是我们开发中最常用的，也是最推荐大家使用的一种写法。

---

2.4 体验Css

为了方便演示，我就把样式写在行里了

• color：字体颜色
• background-color：背景色
• font-size：字体大小
• 更多样式还在后头，冲冲冲！！！

标签：行内,样式,书写,前端,笔记,引入,Css,属性
来源： https://blog.csdn.net/m0_61763854/article/details/122265738