前端笔试之HTML+CSS+JS

b1gc8v

1、position和float的异同

相同点：相应模块都会脱离文档流 区别点：position相应的块级元素会覆盖下面的内容（文字，） 而float只会覆盖块级元素，里面的文字会脱离出来

下面咱们将进行测试

代码

<div> <div style="border: 1px solid red;"> outside <div style="border: 1px solid blue;"> inside </div> </div> </div>

position

<div> <div style="border: 1px solid red;"> outside <div style="position:absolute;top:0;left:0;border: 1px solid blue;"> inside </div> </div> </div>

Float

<div> <div style="border: 1px solid red;"> outside <div style="float:left;border: 1px solid blue;"> inside </div> </div> </div>

2、给input添加如下样式（CSS3）

背景为照片1.jpg，背景颜色为蓝色；长度200px;高度50px;文字居中显示，边框为5像素虚线黑色；边框为5像素圆角，文字暗影，模糊。

input { bac公斤round-image: url(img.jpg); bac公斤round-color: #00f; width: 200px; height: 50px; text-align: center; border: 5px dashed #fff; bor

maqg

你的见解独到，让我受益匪浅，期待更多交流。

520douyin

回顾历史，我们感慨万千；放眼未来，我们信心百倍。