记录一些实践中遇到的问题

1.文本框点击出现的黑色边框怎么去除？

如图，要去掉点击时会出现的外边框。之前只知道有border，查找之后发现影响这个边框的是outline（外廓线），可以使用控制聚焦使其消失

方法一
input{
outline:none;
}
方法二
input:focus{
outline:none
}

outline:
有outline-color，outline-style，和outline-width三个值，可以复合写在一起

2.使用精灵图制作的背景图为什么会随页面缩放产生变化？

精灵图缩放问题
可以相同倍数的去缩放，我先去试试
不知道什么原因，但是我收获了一个好网站，使用该网站可以直接得到精灵图特定图标的定位，很好用。精灵图定位网址，nice，而且缩放问题直接解决了。

3.怎么做二级菜单

1. 使用子绝父相来定位二级菜单的位置
2. 使用display来显示和隐藏

4.怎样设置背景颜色渐变

背景线性渐变
background:linear-gradient(起始方向，颜色1，颜色2，…)
方向不写默认是从上往下的，但是必须添加浏览器私有前缀，即
background:-webkit-linear-gradient(起始方向，颜色1，颜色2，…)
用这个方法可以设置底部阴影

一些和背景相关的属性