1、CSS3 动画包含transitiontransition: width 1s ease 0s; 后面不要跟 all，占用浏览器资源animationanimation: name duration timing-function delay iteration-count direction fill-mode;有播放次数、播放方向、停止播放状态、是否暂停transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。会开启浏览器渲染GPU加速
.transform{ -webkit-transform:rotate(-3deg); /* 带有 Chrome、Safari 浏览器属性前缀 */ -moz-transform:rotate(-3deg); /* 带有 Firefox 浏览器的属性前缀 */ -ms-transform:rotate(-3deg); /* 带有 IE 浏览器的属性前缀 */ -o-transform:rotate(-3deg); /* 带有 Opera 浏览器的属性前缀 */ transform:rotate(-3deg); /* W3C 标准语法，无
1、样式重置（初始化）/* reset.css */ html { overflow-x:auto; overflow-y:scroll; } body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td { font-weight:400; margin:0; padding:0; } h1, h2, h3, h4, h4, h5 { margin:0; padding:0; } body { background-color:#FFFFFF; color:#666666; font-family:Helvetica,Arial,sans-serif; font-size:12px; paddin
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections =======================
CSS中常见的单位px：最常见的，页面按照精准样式展示，属于绝对单位em：基准点为父节点字体的大小，如果自身定义了font-size按自身来计算；也就是说这个em不是一个固定值，属于相对单位rem：相对单位，r可以看作为 ”root“，结合em，理解为相对根节点HTML的字体大小来计算vw：viewpoint width，视窗宽度，1vw等于视窗宽
renderer 的取值有三种，为 webkit（Webkit极速内核）、ie-comp（IE兼容内核）、ie-stand（IE标准内核）。格式如下：<meta name="renderer" content="webkit">../../md/HTML5+CSS3/
第一次握手客户端发送网络包，服务端收到了。结论：客户端的发送能力、服务端的接收能力是正常的。第二次握手服务端发包，客户端收到了。结论：服务端的接收、发送能力，客户端的接收、发送能力是正常的。不过此时服务器并不能确认客户端的接收能力是否正常。第三次握手第三次握手：客户端发包，服务端
<meta http-equiv="refresh" content="3;url=http://www.ycmbcd.com">如果设置成0，则不等待跳转。../../md/HTML5+CSS3/
99% 的面试都会问到，而且会放在前几个问题中。原因很简单，连基础定位都搞不定，谈何开发呢？请看这里推荐的答案。box1 通过 position: absolute; 方式 居中定位box2 通过 display: flex; 方式 居中定位当然还有table的cell写法，由于工作中该方式比较迁就，暂不讨论<!DOCTYPE html> <html lang="zh"> <head> <met