1.什么是CSS?
全称:Cascading Style Sheet 层叠样式表
层叠:多层,说明可以通过多个样式去表现
(可以理解成一个正方体,他中间穿插多层样式)
样式:具体的各种修改展示形式的表现。
表:表格
2.DIV
div属于块级元素
span属于层级元素
3. CSS基本语法
<style>
选择器{
声明1
声明2
声明3
···
}
</style>
4.三种引入CSS的方式
1.行内样式(无需写选择器 HTML标签中使用style属性)
<h2 style="font-size: 20px; color: blue;">你好CSS</h2>
2.内部样式(存在于同一个HTML文件中 需使用<style>标签包裹)
<head>
<style type="text/css">
h1{
font-size: 22px;
color: red;
}
</style>
</head>
<body>
<h1> 你好世界 </h1>
</body>
3.外部样式
3.1<link>引入(不需要包裹在<style>标签中)
<link href="./开心餐厅.css" rel="stylesheet" type="text/css">
3.2@import引入(需要包裹在<style>标签中)
<style>
@import url("linkcss.css");
</style>
url