CSS简介
-
什么是CSS
CSS英文全称Cascading Style Sheets,中文名级联样式单,一般也叫层叠样式表单。
-
CSS功能
CSS是一种样式表现语言,主要用于网页的定义,如布局,颜色
-
CSS作用
精确控制页面中的各个元素
CSS编写工具:
-
编辑器
vscode
-
调试工具
chrome
CSS的引入
- 内联样式:将CSS样式直接写到HTML元素的style属性中
- 内部样式:将CSS样式写到< style >标签中
- 引入外部样式:精确通过< link >元素引入外部的一个CSS文件
- 导入外部样式:通过在< style >元素中,使用@import导入一个外部的CSS文件
示例一:改变标题颜色
<h1 style="color: aquamarine;">Hello,world!</h1>
示例二:第二种方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS01</title>
<style>
h1{
color: aquamarine;
}
</style>
</head>
<body>
<!-- <h1 style="color: aquamarine;">Hello,world!</h1> -->
<h1>hello,world!</h1>
</body