块级元素的特性：
永远都会占满父级元素的宽度（块级元素的宽度永远都等于它父级元素的宽度）
行级元素的特性：
所占的空间刚好等于内容的大小
常见的块级元素：
h1~h6、p、ul、div、li、form
常见的行级元素：
a、span、u、i、s、em、b、img（特殊的行级元素，可以修改尺寸）
meta标签
这也是一个key-value键值对形式的标签
<meta http-equiv="content-type" content="text/html" charset="gbk">
会告诉服务器，浏览器这边期待接受的数据类型是一个html格式的文本，并且编码方式是gbk，服务器就会返回一个以gbk编码的文档给浏览器，浏览器会以gbk的方式进行解码。
<meta http-equiv="expires" content="时间点">
expires：过期
设置对网页的缓存时间
<meta http-equiv="refresh" content="2,url=http://www.baidu.com"> //2s后网页自动刷新，并跳转到百度。
2：延迟2s，2s之后对网页进行刷新
url：刷新之后跳转的链接
设置网页自动刷新
<meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1">
Compatible：适配
为了解决一些IE的兼容性问题
IE=edge 告诉IE浏览器使用哪个版本的引擎对我们的网页进行渲染
edge：当前计算机安装的IE最新版本的引擎
chrome=1 如果用户计算机上还安装了谷歌浏览器，那么会调用谷歌浏览器的引擎渲染我们的网页。
<meta name="viewport" content="width=device-width,initial-scale=1">
viewport：移动端开发必须要加的代码
作用：将PC端的页面可以正确渲染在移动端
width = device-width设置视口宽度等于设备宽度
<meta name="author" content="Crazier_Z">
网页作者
<meta name="description" content="地表最强网页">
网页描述
<meta name="keywords" content="java,web前端">
seo