大家熟知的Lineheight和verticalalign是简单的CSS属性。如此简单，以至于我们大多数人都确信完全理解它们的工作原理和使用方法。真的是这样么，我觉得事实并非如此。它们确实很复杂，也是CSS中难点之一，因为它们在创建C

选择器是Css非常强大的功能，早先一般是通过getElementById和getElementsByTagName来获取页面元素，在一些场景下就很不方便。后来DOM扩展出了SelectorAPI标准，其中SelectorAPILevel1包含了querySelector和querySelectorAll两个方法，可以通过Css选择器匹配页面元素。

\toc\1\.上传页面代码<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<titlewebuploader文件上传</title<!引入CSS

学习方法推荐问题学习法：带着问题去学习，有利于集中注意力，目的明确，这既是有意学习的要求，也是发现学习的必要条件。心理学家把注意分为无意注意与有意注意两种。有意注意要求预先有自觉的目的，必要时需经过意志努力，主动地对一定的事物发生注意。它表明人的心理活动的主体性和积极性。问题学习法就是强调有意注意有关解决问题的信息，使学习有了明确的指向性，从而提高学习

上篇(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.hightopo.com%2Fblog%2F258.html)采用了HTML5的Canvas的globalCompositeOperation属性达到了染色效果，其实CSS也提供了一些常规图像变化的设置参数，关于CSS的过滤器F

兼容多浏览器就要为每一个浏览器写对应的 CSS，太低版本的浏览器只能使用图片做背景。下面是当前五大浏览器对 gradient 的支持<style type"text/css" media"screen"gradient {width: 200px;height: 200px;/\ 如果浏览器不支持渐变，使用图像作为背景 \

作者：汪娇娇日期：2016.10.9其实之前几乎都没用过filter属性，就算知道也只是在脑中留了点浅浅的印象，直到最近因为项目的原因，才对filter进行了一个大致的学习。filter是css3的一个属性，Webkit率先支持了这几个功能，感觉效果很不错。不过现在大部分浏览器也都做了兼容性，下面大家就一起来学习吧。现在规范中支持的效果有：

CSS的优先级机制\总结\钢钢博客园CSS的优先级机制\总结\(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.cnblogs.com%2Fxugang%2Farchive%2F2010%2F09%2F24%2F1833760.html)

　　1、混合宏。　　　　当样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。　　而使用混合宏时，首先要声明混合宏，而声明混合宏时有两种，不带参数混合宏和带参数混合宏两种。　　1.1不带参数混合宏的声明要使用关键词@mixin。例如：　　@mixinborderradi

!(https://oscimg.oschina.net/oscnet/e6f244be9e5b2aadb16d8effa40fc569e28.gif)随着浏览器性能的提升，前端也越来越关注用户体验，而影响用户体验其中一个很重要的指标便是受首屏渲染速度。我们常常会针对样式、脚本、图片、音频、视频等资源做处理，比如针对样式和脚本的压缩合并，