- frameset
主要用于多个界面合并成一个界面
framer填充
frameset页面上下平分，rows
frameset页面左右平分，cols
不能和body同时存在
页面之间关联，name，target
- div
块级元素
- CSS
i. 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
ii. 主要用于美化网站，静态修饰网页，配合脚本动态对网页元素进行格式化
iii. 选择器名称{属性名：属性值}
p{font-size:20px}
3.1 CSS的3中引入方式：
3.1.1 行内引入
在标签中直接编写样式
<p style="属性名:属性值;"></p>写起来方便,但代码结构性差
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p style="font-size: 20px; color: bisque;">测试一下css的行内引入</p>
</body>
</html>
3.1.2 外部引入
在css文件写样式，在html中引入
代码可扩展，可维护性好，但引入多个css可能造成样式重叠
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/demo.css">
</head>
<body>
<p>测试一下外部引入</p>
</body>
</html>
3.1.3 内部引入
在html的头部，head写css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h3 {
color: coral;
}
</style>
</head>
<body>
<h3>测试一下内部引入</h3>
</body>
</html>
3.1.4 三种引入方式优先级
就近原则：
行内引入 >外部引入|内部引入
3.2 CSS三种基本选择器
3.2.1 id选择器
a.概念:以id来命名的选择器 就是id选择器
b.语法: # id选择器名称 {样式} 例如:#getId{样式}
c.注意点
定义id选择器之后 需要在标签中进行引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#getId{
color: pink;
}
</style>
</head>
<body>
<p id="getId">id选择器#</p>
</body>
</html>
3.2.2 类选择器
i.概念:以类进行命名的选择器 就是类选择器
ii.语法: .类选择器名称{样式} 例如:.getClass{样式}
iii.注意点
定义类选择器之后 需要在标签中进行引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.getClass{
height: 20px;
color: skyblue;
}
</style>
</head>
<body>
<div class="getClass">类选择器.</div>
</body>
</html>
3.2.3 标签选择器
a.概念:以标签来进行命名的选择器 就是标签选择器 例如:p{} div{}
b.语法：标签名称 {样式} 例如: div {}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div{
border: solid 1px red;
height: 40px;
}
</style>
</head>
<body>
<div>标签选择器</div>
</body>
</html>
标签：样式,标签,id,引入,选择器,CSS From： https://www.cnblogs.com/wyzel/p/16847392.html3.2.4 三种选择器优先级
id选择器>类选择器> 标签选择器