前端练习错题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>

                 </div>

 

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

 

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

 

<6>.优化css图片加载

 

CSSSprite  减少对服务器请求

SVGSprite  体积小，矢量

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

Base64     减少对服务器请求