服务好姐qa

[Vue]大屏界面自适应-transform: scale() translate(x, y)

from: http://www.jianshu.com/p/6ce8619dc674从css谈模块化模块化是现今我们随处都可以听到的一个名词，什么是模块化？为什么我们需要模块化？这是本系列文章我们要弄明白的一个问题。我们也借这部分内容，顺带回顾一下前端的发展历程。说实话，模块化这个主题有点大，我一时也不知道从哪里讲起比较合适，通常来说，前端的工作内容主要涉及三个方面：

清除所有默认的CSS样式做前端的必备，有朋友问我这个，我也刚好没有整理过，就攒了一下~应该挺全的，留着以后方便用：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code

CSS实现网页背景半透明使用DIV+CSS实现层与背景半透明效果。说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为

前端设计字体大全宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋GB2312 FangSongG

如何更好的使用BEMBEM是由Yandex团队提出的一种CSS Class 命名方法，旨在更好的创建CSS/Sass模块。他需要遵循一些特殊规定，有些人认为这些规定很冗余，但是我发现他们对于理解DOM有着很大的帮助。你可以去查看我之前的文章去了解为什么BEM如此伟大。或者你可以去查看这几篇中文文章来了解BEM(《BEM的定义》《为什么我们需要BEM》)。今天这篇文章，是我在假设你对BEM和Sa

From: https://github.com/ruanyf/jstraining全栈工程师培训材料，帮助学习者掌握全栈开发的基本知识，承担简单 Web 应用的前后端开发。一共四讲，适合两天的训练营，请先阅读《培训准备》。培训时，需要完成课堂练习。第一讲：前端开发的历史和趋势前端开发的历史演变前端 MVC 框架的兴起前后端分离全栈工程师前端开发的未来第二讲

页面重绘和回流以及优化发表于 2014年08月11日 by 愚人码头 被浏览 34,389 次 分享到： 0小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握..在讨论页面重绘、回流之前。需要对页面的呈现

html+css+js好看的梅花meihua.html:leaves.css:.leave { position: fixed; width: 25px; height: 20px; -webkit-animation-iteration-count: infinite, infinite; -webk

From: http://blog.youkuaiyun.com/zerlinda_c/article/details/50436920在浏览网站的时候看到许多不错的效果，比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多，就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢？其实代码很简单，看一下实际效果：　　　　　　　　　　　　　　　　　　　　　　思路很简单，首先

研究多天，代码在实际项目中不能工作，顾先放一边，开始使用bootstrap作为多浏览器兼容在线演示地址：https://css-tricks.com/snippets/css/a-guide-to-flexbox/https://tburleson-layouts-demos.firebaseapp.com/#/docs声明性 API 概述From:http...

FROM: http://www.zhangxinxu.com/wordpress/2016/06/png-icon-change-color-by-css/CSS可以修改图片的颜色代码：CSS代码：.icon { display: inline-block; width: 20px; height: 20px; overflow

From: http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/CSS3新vw, vh单位与纯CSS定位的弹框屏幕居中效果实例页面 CSS3新vw, vh单位与纯CSS定位的弹框屏幕居中效果实例页面 /* 既然vw, vh是视区相

首先要明白一种思想：结构和样式分离。      1. 结构和样式分离，就意味着：没有样式表，HTML文档也是一个完整的文档；没有样式表，也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用      :before 和 :after中的content: ""; 就算没有它们中的content: "", HTML文档也不会受到影响，HTML文档也是一个完整的文档.

From：http://www.cnblogs.com/wiseblog/articles/4352007.html总结：当一个标签打上position：absolute绝对标签后，当我们使用TRBL属性时，他所参照的对象是带有absolute或relative标签的父级（无限），如果所有父级都没有absolute或relative打上标签，则以BODY左上角点为参照（一句

From: http://www.cnblogs.com/fullhouse/archive/2012/01/16/2324131.html网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth   (包括边线的宽);网

From: www.cnblogs.com/hlwyfeng/p/5222391.html在CSS网页开发布局中，需要对浮动和定位有深刻的理解才能在开发中游刃有余。基于此，做了本篇总结，这些总结来自实践经验和阅读一些书籍后的理解总结，主要内容为浮动，清除浮动，定位。一、float属性深入理解首先简单布局一下，代码如下：

From: http://www.zhangxinxu.com/wordpress/2016/11/css-content-pre-animation-character-loading/小tip: 使用CSS(Unicode字符)让inline水平元素换行从语义上来讲，这里使用定义标题最为合适，具体结构和样式呢？下面展示几个技术实现：

From: https://github.com/Alsiso/normalize-zh/ Normalize-zh.css是根据对Normalize.css的源码分析后，经过学习与整理，将源代码中的英文注释文档翻译为中文版本，方便国内的开发者学习和使用，我深知此版本一定有很多不足，希望能得到大家的理解和支持，同样也很愿意和大家一起完善。关于源码的解读细节，可以查看文档下方，可以阅读我

本文地址：http://www.zhangxinxu.com/wordpress/?p=3545

大部分内容来源于： http://www.zhangxinxu.com/wordpress/2016/11/css-unicode-range-character-font-face/                        引号使用宋体其他使用微软雅黑或苹方字体    @font-face { font-fa

区分IE10+浏览器的属性hack技巧 哪些CSS属性IE10支持，IE9不支持了，除了transition和animation，那就是gradient背景渐变了，于是乎，我们就可以借助多背景，巧妙实现我们的兼容效果，核心CSS代码如下：  CSS代码：  .box {      width: 100px; height: 100px;      background: u

通过document.getElementById('someid).style 类似这种的obj.sytle获取的是 元素的内联样式，如果没有通过内嵌在标签里面（如: style="font-size:20px;"） 读取到的结果是空的！它只认标签里的style="key:value"给定的CSS属性那我们能怎么获取CSS的样式值/结果呢？解决方式1：.size {

From: http://caibaojian.com/sass-less-stylus.html刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦那也是需要花费非常多的时间来协调合作上的。对于预处理器的

from: http://blog.youkuaiyun.com/apensu/article/details/5260149参考资料：list-style-type的用法语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | n