小问题总结

写css是遇到的问题

360浏览器与谷歌浏览器文本框框后自动添加蓝色边框

高亮外边框的取消 *:focus {outline: none}

2：

$("#content").find('span') 相当于$("div span")

$("div span") 是一个选择器如果没有特殊使用的话，两个都是一个意思。但是有些时候，

比如在AJAX请求响应的回调过程中，我们会经常用到.find()这个寻找动作，

var li = $(“body”).next() 获取当前元素相邻的下一个同级元素

var li = $(“body”).parent() 获取当前元素相邻的上一个同级元素

3：

$("p").siblings(".selected") 查找每个 p 元素的所有类名为 "selected" 的所有同胞元素

4：

jQuery新版本已经不再进行IE低版本(IE6、IE7、IE8)的兼容性处理。如果项目需要兼容IE低版本，需要使用jQuery1.x版本，从2.x开始已经不兼容IE6、7、8了。
这就是我的有的特效使用jquery1.8.3能实现，使用3.1.1不能实现。最后查了我的ie测试浏览器恰好是ie8版本。

5：

与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。子选择器使用了大于号（子结合符）。

选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。

行高的垂直居中性，把line-height设置为您需要的box的大小可以实现单行文字的垂直居中

要实现高度不固定的文字垂直居中使用padding就好了。对于高度固定的div，里面文字单行或多行显示，字体大小有大有小的情况怎么办呢？方法之一就是借助于line-height。

在显示文章的box里，px的表示方法首先是要被淘汰的。因为文章里面的文字是有大有小的，使用px定值，由于继承性，无法实现根据文字大小自动调整间距，会出现大号文字重叠的现象。normal也是不行的，一般文章显示最好是650像素的宽度，1.5倍的行距较好。一般浏览器的normal值在1~1.2之间，使用normal必然文字间距过小，阅读吃力。百分值也有继承性，但是有个很搓的办法可以实现文字间距自动适应于文字的大小，那就是使用“*”通配符，使用“*”通配符大大增加了css的渲染，效率低，而且有更好的方法，就是使用数值。150%虽然和1.5在值上是一样的，但是它们也是有差别的，差别在于继承性，使用百分比会计算line-height的值，然后以px像素为单位继承下去，而1.5则是先继承1.5这个值，遍历到了该标签再计算去line-height的像素值。所以同样的效果只需要.article_box{line-height:1.5;}就可以实现了--摘自张鑫旭欧巴空间

7

css复合选择器的使用，.nav li.first a {}这样写就选择了第一个li .nav li.last a {}这样写就选中了最后一个li

css3也可以实现这个效果

li:first-of-type a {}
li:last-of-type a {}

class="one two">... 同时给元素两个类名，中间用空格格开，这样所有one和two两个类的属性都会加到元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。