选择器是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;/\ 如果浏览器不支持渐变，使用图像作为背景 \

瀑布流布局是什么瀑布流布局是一种常见的网页布局方式，视觉上给人一种参差不齐的多栏的效果,常用于图片为主的版块，如下图。!(https://timgsa.baidu.com/timg?image&quality80&sizeb9999_10000&sec1589721778046&dib34a014e7481f1a5685

作者：汪娇娇日期：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)

Chrome浏览器有意改变<linkrel"stylesheet"的加载方式，当其出现在<body中时，这一变化将更加明显。笔者决定在本文中进行详细说明这种改变可能带来影响与好处。一.目前CSS文件的加载方式<head<linkrel"stylesheet"href"https://my.o

GitHub地址：https://github.com/leebingbin/(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fgithub.com%2Fleebingbin%2F)背景　　随着互联网的发展，网站应用的规模不断扩大，常规的垂直应用架构已无法应对，分布式服务架构以及