前端练习错题day01

<1>.css盒子模型中，padding是透明的，这一部分可以显示背景。

<2>.注意&&符号左右条件先后顺序，可能会报错

<3>.在 HTML5 中，哪个方法用于获得用户的当前位置 getCurrentPosition

<4>.获取 input 节点的正确方法是(  )
<form class="file" name="upload">
<input id="file" name="file" />
</form>

document.getElementsByClassName（“file”）；

<5>.栅格系统

<div class="col-md-1"><br><div class= "row">在列的下面可以嵌套行，也是可以的

1 、数据行 (.row) 必须包含在容器（ .container ）中，以便为其赋予合适的对齐方式和内距 (padding) 。

    如： <div class=" container ">

       <div class=" row "></div>

       </div>

2 、在行 (.row) 中可以添加列 (.column) ，但列数之和不能超过平分的总列数，比如 12 。

    如： <div class="container">

            <div class="row">

            <div class="col-md- 4 "></div>

            <div class="col-md- 8 "></div>

3 、具体内容应当放置在列容器（ column ）之内，而且只有列（ column ）才可以作为行容器 (.row) 的直接子元素

4 、通过设置内距（ padding ）从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距（ margin ）来抵消内距 (padding)的影响

<6>.优化css图片加载

CSSSprite   减少对服务器请求

SVGSprite   体积小，矢量

Iconfont       体积小，矢量，集成度高

Base64        减少对服务器请求