定义和用法
:focus 伪类在元素获得焦点时向元素添加特殊的样式。
这个伪类应用于有焦点的元素。例如 HTML 中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会输入到这个输入框。其他元素（如超链接）也可以有焦点，不过 CSS 没有定义哪些元素可以有焦点。
详见参考资料
@是CSS的一种选择符，有很多应用场景。最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。
此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式。
当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：
@media screen and (max-width: 1000px)
{
body {backgroundblack}
}
控制你最终展开的LI样式给指定高度或者内部填充padding的上和下的值，不要指定margin-bottom这个是错误的。因为margin-bottom在有的浏览器里存在兼容，找不到下外边距。
