前端基础学习总结
一，《html》学习
一．HTML 指的是超文本标记语言 (**H**yper **T**ext **M**arkup **L**anguage)是用来描述网页的一种语言。
二．为什么叫超文本标记语言
1. 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）
2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。
三．标签分类
1.常规标签（双标签）如<boby>文本(/boby)
2.空标签 （单标签）如</br>
四．html标签关系
1.嵌套关系（标签里面包裹标签即嵌套关系）
2.并列关系（标签并列生成可理解是兄弟关系）
注：所有标签都用英文小写
二，《css》学习
一．CSS(Cascading Style Sheets)  ，通常称为CSS样式表或层叠样式表（级联样式表）
1. 行内式（内联样式）是通过标签的style属性来设置元素的样式
2.内部样式表（内嵌样式表）是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义
3 外部样式表（外链式）是将所有的样式放在一个或多个以**.CSS**为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中
二．CSS选择器
1.标签选择器是指用**HTML标签名**称作为选择器
2.类选择器使用“.”（英文点号）进行标识，后面紧跟类名
3.类选择器特殊用法- 多类名
4.id选择器使用`#`进行标识，后面紧跟id名
5.通配符选择器用`*`号表示，  *   就是 选择所有的标签
三．CSS复合选择器
1.后代选择器 用来选择元素或元素组的**子孙后代**
2.子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。
3.交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
4.并集选择器（CSS选择器分组）是各个选择器通过`,`连接而成的，通常用于集体声明
5.链接伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。
四．盒子模型
1.看透网页布局的本质
2.盒子模型
3.盒子边框（border）
五．CSS浮动
它可以实现多个元素一行显示，但是中间会有空白缝隙，不能满足以上第一个问题。（float: left;左浮动 float：right;右浮动）
1.额外标签法(隔墙法)通过在浮动元素末尾添加一个空的标签
2.父级添加overflow属性方法是给父级添加： overflow为 hidden| auto| scroll  都可以实现。
3.使用after伪元素清除浮动after 方式为空元素额外标签法的升级版
4.使用双伪元素清除浮动
六．定位
1.静态定位**是元素的默认定位方式，无定位的意思
2.相对定位**是元素**相对**于它  原来在标准流中的位置 来说的
3.绝对定位**是元素以带有定位的父级元素来移动位置
4.**固定定位**是**绝对定位**的一种特殊形式： 如果说绝对定位是一个矩形 那么 固定定位就类似于正方形

                          前端基础学习总结
一，《html》学习
一．HTML 指的是超文本标记语言 (**H**yper **T**ext **M**arkup **L**anguage)是用来描述网页的一种语言。
二．为什么叫超文本标记语言
1. 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）
2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。
三．标签分类
1.常规标签（双标签）如<boby>文本(/boby)
2.空标签 （单标签）如</br>
四．html标签关系
1.嵌套关系（标签里面包裹标签即嵌套关系）
2.并列关系（标签并列生成可理解是兄弟关系）
注：所有标签都用英文小写
二，《css》学习
一．CSS(Cascading Style Sheets)  ，通常称为CSS样式表或层叠样式表（级联样式表）
1. 行内式（内联样式）是通过标签的style属性来设置元素的样式
2.内部样式表（内嵌样式表）是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义
3 外部样式表（外链式）是将所有的样式放在一个或多个以**.CSS**为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中
二．CSS选择器
1.标签选择器是指用**HTML标签名**称作为选择器
2.类选择器使用“.”（英文点号）进行标识，后面紧跟类名
3.类选择器特殊用法- 多类名
4.id选择器使用`#`进行标识，后面紧跟id名
5.通配符选择器用`*`号表示，  *   就是 选择所有的标签
三．CSS复合选择器
1.后代选择器 用来选择元素或元素组的**子孙后代**
2.子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。
3.交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
4.并集选择器（CSS选择器分组）是各个选择器通过`,`连接而成的，通常用于集体声明
5.链接伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。
四．盒子模型
1.看透网页布局的本质
2.盒子模型
3.盒子边框（border）
五．CSS浮动
它可以实现多个元素一行显示，但是中间会有空白缝隙，不能满足以上第一个问题。（float: left;左浮动 float：right;右浮动）
1.额外标签法(隔墙法)通过在浮动元素末尾添加一个空的标签
2.父级添加overflow属性方法是给父级添加： overflow为 hidden| auto| scroll  都可以实现。
3.使用after伪元素清除浮动after 方式为空元素额外标签法的升级版
4.使用双伪元素清除浮动
六．定位
1.静态定位**是元素的默认定位方式，无定位的意思
2.相对定位**是元素**相对**于它  原来在标准流中的位置 来说的
3.绝对定位**是元素以带有定位的父级元素来移动位置
4.**固定定位**是**绝对定位**的一种特殊形式： 如果说绝对定位是一个矩形 那么 固定定位就类似于正方形