01-29

01-29

1-在一个页面中给多个元素设置同样的 id，会导致什么问题？
　　 css中，两个相同的ID，样式是相同的。
　　 js中，对相同id对象进行操作，可能会出错。

2-用伪类实现一个上三角（代码）
　 .demo {
width: 200px;
height: 200px;
position: relative;
background-color: #bbb;
margin: 100px;
}

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

3-怎么让一个不定宽度的 div 实现垂直和水平居中（三种方法 代码）？
　　1、使用flex
content:center;
　　 display:flex;
　　 align-item:center;

　　2、使用transform
　　 position:absolute;
　　 top:50%;
　　 left:50%;
transform: translate( -50%, -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、可以设置浮动