HTML(Hyper Text Markup Language)
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
CSS层叠样式表 cascading Style sheets，用来为结构化文档，如html和xml应用添加样式的计算机语言
css的规则如下：
一个选择器，它指定哪些元素应用CSS属性
一组属性
CSS 语法结构为：选择器{属性：值;属性：值;…}
h1{
color:red;
}
h1 是选择器，color是属性 ，red是属性值
长度和尺寸
像素 （px） em：1 与当前元素的字体大小相同
rem（root em）
CSS样式类型分为三种：
1.内联式（行内式）：通过标签的style属性类设置元素的样式;
<标签名 style=“属性1:属性值1; 属性2:属性值2; …”> 内容 </标签名>
哈喽，要保持微笑哦。
2.内嵌式
将CSS代码集中写在html文档的head头部标签中，并且用style标签定义。格式为：
优点：可以通过一条语句操作多个标签或类。缺点：只能控制一个页面，没有彻底实现样式和结构分离。
3.外链式，外部样式表：将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到html文档中，语法格式为：
href：可以是相对路径也可以是绝对路径，rel定义当前文档与被链接文档之间的关系，在这里需要指定为stylesheet，表示被链接的文档是一个样式表文件。区块模型，盒子模型
边框语法：border:border-width||border-style||border-color
你也可以单独设置某一个边的三个不同属性，如 border-top-width, border-top-style, border-top-color 等。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190306165349895.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naG
溢流：当你使用绝对的值设置了一个框的大小（如，固定像素的宽/高），允许的大小可能不适合放置内容，这种情况下内容会从盒子溢流。我们使用 overflow 属性来控制这种情况的发生。常用的值：
auto:当内容过多的时候溢流的内容被隐藏，然后出现滚动条，让我们滚动查看所有的内容。hidden: 当内容过多，溢流的内容被隐藏。visible: 当内容过多，溢流的内容被显示在盒子的外边。
CSS框类型
除了块级元素，还有其他类型，
可以通过display属性来设定元素的框类型，三个常见的：block，inline，inline-blockdisplay：block;将行内元素转换为块级元素。display：inline;将块级元素转换为行内元素。display：inline-block;转换为行内块元素块级元素的特点：一个块级元素独占一行。元素的高度、宽度、行高以及顶和底边距都可设置。元素宽度在不设置的情况下，是它本身父容器的 100%（和父元素的宽度一致），除非设定一个宽度。
常见的块级元素：
、
、、和 - 。
行内元素的特点：和其他元素都在一行上。元素的高度、宽度、行高及顶部和底部边距不可设置。
元素的宽度就是它包含的文字或图片的宽度，不可改变。
常见的行内元素：、、
、、、、