学习前端有一段时间了，一直在看书上的理论知识，而实战项目却很少。师兄常说，想要知道自己的实力有多少，知识掌握了多少，最好的方法就是去实践了，实践出真知嘛。于是决定在这个假期里，主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习，查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的，也尝试自己切图、测量位置、获得内容的属性等等...
<meta charset="utf8"><style> .cube {position: absolute;left: 50%;top: 250px;}.rightFace,.leftFace,.topFace div{position: absolute;padding: 10px;width: 180px;height: 180px;}.leftFace {transform: skew(0deg, 30deg);background-color: #ccc;}.rightFace {transform: skew(0deg, -30deg);background-color: #ddd;left: 200px;}.topFace {transform: rotate(60deg);}.topFace div {transform: skew(0deg, -30deg) scale(...
学习前端有一段时间了，一直在看书上的理论知识，而实战项目却很少。师兄常说，想要知道自己的实力有多少，知识掌握了多少，最好的方法就是去实践了，实践出真知嘛。于是决定在这个假期里，主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习，查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的，也尝试自己切图、测量位置、获得内容的属性等等...
本节为大家介绍了CSS中filter滤镜，包括静态滤镜及动态滤镜的使用方法，不了解的朋友可以参考下：一、CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha：设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength blur：在指定的方向和位置...