HTML 标签元素分类：
三种不同类型 : 块状元素、内联元素、内敛快元素
块状元素：<div> 、<p>、<h1>....<h6>、<ol>、<ul>、<table>、<address>、<blockquote>、<form>
内联元素：<a> 、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
内联块状元素：<img> 、<input>
css 中 display：block ； 将元素显示为块状元素，具有块状元素的特点；
块状元素特点：每个块级元素都从新的一行开始，并且其后的元素也另起一行
元素的高度、宽度、行高以及顶和底边距都可设置
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度
标签 * Ｘ标签： 意思为：选中该标签下的 任意一个Ｘ标签。
例如：ｄｉｖ * ｐ 意思为： 选中ｄｉｖ标签下的 任意一标签 里面的Ｐ标签
ｈ1 + ｈ2 ｛ｃｏｌｏｒ：ｒｅｄ｝ 选中挨着ｈ1的ｈ２，并将其变为红色
ｄｉｖ＞ｐ：ｆｉｒｓｔ－ｃｈｉｌｄ｛｝ ：选中＜ｄｉｖ＞标签里中的 第一个＜ｐ＞标签 【具有针对性】
＠ｉｍｐｏｒｔ ｕｒｌ（＂文件地址+文件名＂） 引入文件。
display：inline ; 使用这个可将块状元素转换为内联元素。
内联元素的特点：和其他元素都在一行上
元素的高度、宽度及顶部和底部边距不可设置
元素的宽度就是它包含的文字或图片的宽度，不可改变
display：inline-block 将元素设置为内联块状元素。
内联块状元素特点：和其他元素都在一行上
元素的高度、宽度、行高以及顶和底边距都可设置
盒子模型：
内部实际的高度 ： 内容的高度 + 各距离两边框的高度
实际宽度 ： 内容的宽度 + 距离两边框的宽度
边框 ： border --- border-style:(边框样式) dashed(虚线)、datted(点线)、solid(实线)
border-color: 边框颜色 可设置16进制颜色
boder-width ：具体的像素值
盒模型--填充 ： padding 填充顺序 上、右、下、左（顺时针方向）
padding-top、padding-right、padding-bottom、padding-left
若是全部都填充 可写为 ：padding: 像素值；
若上下填充值一样 、左右填充值一样 可写为 ：padding：像素值1 ，像素值2 ；（值1是上下，值2是左右）
padding 是在盒子内；margin 则是盒子间。
CSS布局模型：
流动模型（Flow）、浮动模型（Float）、层模型（Layer）
层模型： 绝对定位（position：absolute）、相对定位（position：relative）、固定定位（position：fixed）