lifeblood123的博客

标准的定义： CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。 伪类有：:first-child ，:link:，vistited，:hover，:active，:focus，:lang 伪元素有：:first-line，:first-letter，:before，:after 尽管，第一行和第一个元素，这两者的语意相似，但最后作用的效果却完全不同。所以，伪类和

当元素a浮动时，他将不再处于普通文档流中，相当于浮在文档之上，不占据空间，但是会缩短行宽，产生文字环绕的效果。浮动带来的影响：1，父级的高度塌陷 2.背景不能显示 3.变框不能撑开 4.margin值不能正确显示 5.产生文字环绕的效果 6.由于脱离文档流，不占位，而后面的元素未脱离文档流导致后面的元素被挡住 下面我将会总结几种清除浮动的方法： 举一个简单的例子，我们找一张图片并让她向左浮动，代码

作为一名切图仔，经常会遇到头疼的各大浏览器兼容性问题，确切的说是兼容它们“默认”的CSS样式表。重置样式成为我们为我们的网页梳妆打扮的第一步，也是关键性的一步。 以前我这样重置样式：*{ margin:0; padding:0; }后来通过看一些大神的博客以及查阅相关资料发现，上面的方式会让网页解析的很慢，于是我根据自己的需求，这样重置样式：body,html,div,blockq

今天出去面试，面试官问我，css sprite 是什么？说出她的优缺点，虽然知道一些，但是语言组织不够好，答的也不够完善，在这里我做了一下总结：css sprite 也可以说是叫图片精灵，也有人叫它雪碧图，它的原理是允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。加速的关键，不是降低重量，而是减少个数。传统切图讲

今天谈谈我对css3 的出现的意义： css3增加了很多制作图片的新特性，例如圆角，阴影，文字阴影，以前我们都需要加载图片来完成，图片的加载速度很慢，现在我们只需要用css3就能实现。css3还增加了很多动画效果，以前我们要用flash做动画，让我们网页增加很多插件，不仅加载慢，还很厚重，苹果用户手机上用不了flash 注意在使用弹性盒模型的时候，父元素必须要加display:box;或disp

今天我在做一个小案例的时候，遇到这样一个问题，我想让我的第二个section 变成绿色，于是我使用了nth-child,代码如下：section:nth-of-type(2){ background-color: #f5f5f5; }结果我第二个section，并没有变色，第一个section却变色了，我觉得很奇怪。 后来，我又去查了nth-type-of 与 nth-of-typ

1.使用meta标签调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换,帮我们判断使用webkit还是chrome。 使用meta标签来强制IE8使用最新的内核渲染页面，代码如下：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">一些兼容性问题 * 浏览器兼容问题一：块属性