第三天

1-在一个页面中给多个元素设置同样的 id，会导致什么问题？

　　在css里的话，如果用了两个相同的ID，那么他们的样式是相同的。
　　在javascript，如果要对该id对象进行操作，可能会出错。

2-用伪类实现一个上三角（代码）

　　.demo {
　　width: 100px;
　　height: 100px;
　　position: relative;
　　border: 1px solid #09f;
　　margin: 100px;
　　}

　　.demo:after {
　　width: 0px;
　　height: 0px;
　　border-width: 12px;
　　border-style: solid;
　　border-color: transparent transparent #933 transparent;
　　position: absolute;
　　content: ' ';
　　left: 39px;
　　top: -24px;
　　}

3-怎么让一个不定宽度的 div 实现垂直和水平居中（三种方法 代码）？

　　1:使用flex

　　display:flex;

　　content:center; 

　　align-item:center;

　　2:使用transform

　　transform: translate( -50%, -50%);

　　position:absolute;

　　top:50%;

　　left:50%;

　　3:使用display:table-cell

　　div设置:display:inline-block;

　　　　　　vertical-align:middle;

　　父元素设置:display:table-cell;

　　　　　　　　text-align:center;

　　　　　　　　vertical-align:middle;

4-清浮动的方式有哪些？

　　1. 额外标签法

　　2. 父级添加overflow方法

　　3. 使用after伪元素清除浮动

　　4. 使用before和after双伪元素清除浮动

5-如何让两个块级元素显示在同一行

　　1.可以将块级元素转换为行内块级元素.

　　2.可以设置浮动.

　　3.可以利用定位.