animation-play-state介绍
animation-play-state 属性规定动画正在运行还是暂停。
div{
animation-play-state:paused;
-webkit-animation-play-sta
标签：CSS
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head
在围观Drupal官方主题的时候，发现了一个有意思的非标准CSS选择器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字体平滑显示呢
要知道，W3C对CSS中字体的抗锯齿渲染是有过考虑的，如font-smooth，不过可能由于不同操作系统以及浏览器内核对字体的渲染
编码
在 css 首行设置文件编码为 UTF-8。
@charset "UTF-8";
class 命名
class 名称应当尽可能短，并且意义明确。使用有意义的名称，使用有组织的或目的明确的名称，不要使用表现形式的名称。
不
稍微整理了一下自己平时看到的前端学习资源，分享给大家。
html
MDN：Mozilla开发者网络
SEO：前端开发中的SEO
css
张鑫旭：张鑫旭的博客
css精灵图：css精灵图实践
栅格系统：详解CSS中的栅格系统
媒体查询：css媒体查询用法
rem布局：手机端页面自适应布局
移动前端开发
CSS3 transform是什么？
transform的含义是：改变，使…变形；转换
CSS3 transform都有哪些常用属性？
transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之
实现如图所示的动画效果：
预载动画一：双旋圈
在两个不同方向旋转的圆圈。我们对内圈的转速定义了一个CSS代码，即内圈比外圈的速率快2倍。实现如图所示：
html代码：
<body style="background:
本文是对移动端多人协作开发项目一些经验总结
1、移动端自适应
2、scope的使用
3、webkit内核两行显示省略号
4、absolute下flex布局失效
1、移动端自适应
正在开发一个APP项目，对于自适应有些体会
在移动端，宽度自适应可以使用百分比来控制，加上flexbox，width:
去年做了一点IFE的题，今年跟人组队一起参赛，在这里写点笔记记录一下自己遇到的问题及学习心得，不定期更新。
不一定是自己做出来的，很多是队友的功劳，要向他们学习致敬~
补充：今年变成了个人赛....ORZ
热身篇：
现在刚开始报名，2月24号正式上线，有4道热身题。
step1找出下一关的地址：
这是我的第一篇博客，不知道从什么开始写起，那就从我现在看的开始写起吧。
以前我也不知道BFC是什么，今天看了才知道原来以前经常接触，只是不知道专业名称罢了。就像闭包、继承一样，以前经常用到，只是不知道而已，今天我就来说一下，css定位之BFC。
BFC与清除浮动是有关系的，那我们就来说说，如何清除浮
前言
写过邮件的html的童学应该都知道，邮件的html一般都用table来布局，为什么呢？原因是大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。
经过多次的邮件编写实践及度娘的指导，我发现，编写HTML Email的窍门，就是使用15年前的网页制作方法。
box-shadow
box-shadow在定义里是这么说的："box-shadow 属性向框添加一个或多个阴影。"
是的，和他的名字一样，这个属性固然是用来制造阴影效果让页面更有立体感的。
语法：
box-shadow: h-shadow v-shadow blur spread color i
如果问，CSS 中 position 属性的取值有几个？大部分人的回答是，大概是下面这几个吧？
{
position: static;
position: relative;
position: absolute;
谷歌YSlow准则
YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。
测试个人站点
通过测试个人站点可以获得下面的数据
23条准则
Make fewer HTTP requests
译为：减少HTTP请求次数
Use a Content Delivery N
CSS 控制Html页面高度导致抖动，这类由高度导致页面抖动的问题，其实究其根本原因是滚动条是否显示导致的
在CSS中添加如下代码：
html,body{ overflow-y:scroll;} html,body{ overflow:scroll; min-he
有这么一个需求，在一个table中，tr是通过each取值，取出的值要与table标题相对应，如何实现？例如：
<table>
<thead>
<tr>
{{#each 标题集合，值举例[name,sex...]}}
{{this
1、设置select只读不可编辑且select的值可传递
(1) <select onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 这
超文本<a>
文本或图像都可以用作链接的标签。
使用“..”可以连接到源文件的上层文件夹。“..”表示“父文件夹”。
<a href="目标网址#锚点" name="页面锚点名称" title="鼠标滑过显示的文本">链接显示的文本</a>
<a hr
border-radius是CSS3设置圆角的一个属性，其属性值得单位可以使用：em、px、百分比等等。但是，border-radius属性值得参数形式有好多种，那么具体都代表什么意思呢？下面以实际例子分析一下：
首先是最常见的一种形式，一个值：border-radius: 值
自制作的简单字体图表使用案例:查看demo
制作步骤：
1：登录制作工具在线网站
https://icomoon.io/
2：右上角红色
按钮进入到：https://icomoon.io/app/#/select
3：点击左上
客服
