对于这些天基础班学到的技术，我觉得是非常多的。

首先我们学习了HTML 概念、介绍、标签等等的知识以及那些常用标签的使用方法，其中就有图片标签、超链接、路径的分类、table表格的作用于结构书写、常用的列表使用方法（ol、dl、ul）、表单的组成集表单内标签input的使用方式和属性

然后再试学习了CSS 样式的使用，通过这些css样式使我们的网页达到我们想要的一个效果。

其中有我们最常用的选择器（类选择器），通过class来引用我们样式。Css的三大特性（层叠性、继承性、优先级）、标签的三大分类（块级元素、行内元素、行内块元素）。还有常见的文字控制属性、background背景属性、opacity透明。还有盒子模型，通过margin 、padding来实现我们想要的效果。圆角边框、盒子阴影box-shadow的设置这些都可通过Chrome来检查和调试。

网页布局的三种机制

1、普通流：块级元素独占一行，从上向下顺序排列；常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；

  行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行； 常用元素：span、a、i、em；

2、浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；

3、定位：实现盒子的堆叠（重叠）效果或者将某一个元素定位到页面的某一个位置；

还有对于浮动影响后面的盒子显示布局的解决方法

1、清除浮动之额外标签法

2、父级加overflow属性法

3、清除浮动之after伪元素

4、双伪元素清除浮动

定位

1、静态定位position:static;

2、相对定位：position:relative

3、绝对定位position:absolute;

子绝父相（超级重要）

• 子绝父相：子级绝对，父级相对，父级盒子定位了，但是依然占位，不会影响其他盒子的布局；

使用的原因：由于布局需求，在做定位效果的时候，大的原来的位置是不需要哦更改的，如果给父级盒子使用课绝对的定位，父级盒子原来的位置就会不存在，会影响下面的盒子布局，所以我们一般情况下都是用子绝父相，但是有些情况下子绝父绝和子绝父固；

这些技术我们都会在实站项目中使用的到。

对于这些天基础班学到的技术，我觉得是非常多的。

首先我们学习了HTML 概念、介绍、标签等等的知识以及那些常用标签的使用方法，其中就有图片标签、超链接、路径的分类、table表格的作用于结构书写、常用的列表使用方法（ol、dl、ul）、表单的组成集表单内标签input的使用方式和属性

然后再试学习了CSS 样式的使用，通过这些css样式使我们的网页达到我们想要的一个效果。

其中有我们最常用的选择器（类选择器），通过class来引用我们样式。Css的三大特性（层叠性、继承性、优先级）、标签的三大分类（块级元素、行内元素、行内块元素）。还有常见的文字控制属性、background背景属性、opacity透明。还有盒子模型，通过margin 、padding来实现我们想要的效果。圆角边框、盒子阴影box-shadow的设置这些都可通过Chrome来检查和调试。

网页布局的三种机制

1、普通流：块级元素独占一行，从上向下顺序排列；常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；

  行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行； 常用元素：span、a、i、em；

2、浮动：让盒子从普通流中浮起来，让多个块级盒子一行显示；

3、定位：实现盒子的堆叠（重叠）效果或者将某一个元素定位到页面的某一个位置；

还有对于浮动影响后面的盒子显示布局的解决方法

1、清除浮动之额外标签法

2、父级加overflow属性法

3、清除浮动之after伪元素

4、双伪元素清除浮动

定位

1、静态定位position:static;

2、相对定位：position:relative

3、绝对定位position:absolute;

子绝父相（超级重要）

• 子绝父相：子级绝对，父级相对，父级盒子定位了，但是依然占位，不会影响其他盒子的布局；

使用的原因：由于布局需求，在做定位效果的时候，大的原来的位置是不需要哦更改的，如果给父级盒子使用课绝对的定位，父级盒子原来的位置就会不存在，会影响下面的盒子布局，所以我们一般情况下都是用子绝父相，但是有些情况下子绝父绝和子绝父固；

这些技术我们都会在实站项目中使用的到。