网页背后的本质是程序员写的前端代码，通过浏览器转化成用户看到的网页，浏览器对代码进行渲染和解析的部分，称为浏览器的内核。但是不同的浏览器的内核不同，对于相同的前端代码解析出来的效果可能不一样。这并不是我们想看到的，所以制定了一套标准，就是web标准。

Html、css

Html又叫超文本标记语言，比普通文本更强大，还可以处理图片、视频、音频等。

Css又叫层叠样式表，用于控制页面的样式。

css引入方式：

行内样式：写在标签的style属性中，仅在本行中使用（配合JavaScript使用）

内部样式：写在style标签中，仅针对当前页面，其他页面无效（可以写在页面任何位置，但通常写在head标签中）

外部样式：写在一个单独的.Css文件中，任何页面皆可使用（需要通过link标签在网页中引入）

Css选择器

三种选择器中id选择器是最高的，其次是类选择器，最后是元素选择器

只有一个元素的时候使用元素选择器，有多个元素的时候可以使用id选择器或则类选择器

颜色表示

盒子模型

盒子：页面中所有元素（标签），都可以看作是一个盒子，由盒子将页面中的元素包含在一个矩形区域中

盒子模型组成：内容区域（content），内边距区域（padding），边框区域（border），外边距区域（margin）

布局标签：网页开发中，会使用div和span这两个没有语义的布局标签

Div标签：1.一行只显示一个（独占一行）

• 宽度默认是父元素的高度，高度默认由内容撑开
• 可以设置宽高

Span标签:  1.    一行可以显示多个

• 宽度和高度默认由内容成撑开
• 不可以设置宽高

flex布局

Flex是弹性布局，是一种一维的布局模型

表单标签<form>

表单：在网页中主要负责数据采集功能，比如注册、登录等数据。

表单项：1.   <input>:定义表单项，通过type属性控制输入形式

• <select>:定义下拉列表
• <textarea>:定义文本域