摘要：
1.基本使用 简介：jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单 引入jquery <script src="https://cdn.bootcss 阅读全文
摘要：
###1.移动端与pc端的区别 (1)移动端没有鼠标，自然也没有鼠标事件。所以onmousedown之类的事件监听在移动端时无效的。 (2)移动端为了响应双击事件，onclick事件有300ms的延迟，接下来的300ms内有没有再次点击，有的话视为双击，没有的话视为单击。 (3)移动端双击事件：移动 阅读全文
摘要：
###1.像素密度 PPI 说到屏幕就离不开2个因素，屏幕大小和屏幕分辨率。 PPI是Pixels Per Inch缩写，pixels per inch所表示的是每英寸所拥有的像素（pixel）数目。 PPI越高，手机屏幕显示的效果越好。以前的老手机屏幕显示效果很差，有颗粒感，就是因为PPI太低了。 阅读全文
摘要：
###1.input光标颜色 默认情况下，光标颜色与字体颜色color相同，但也可以通过caret-color属性来单独设置 但是IOS的光标与字体颜色无关，默认是蓝色 可以单独设置光标颜色，这样ios也有效果 input{ color:red; caret-color: green; } ios设 阅读全文
摘要：
1.1物理像素 产生原因：css样式的最小值是1px，不过这个1px只是代表css像素，在高清屏上展示的物理像素要>1（iphone6 1css像素=2物理像素。而iph6p则是1css像素=3物理像素） 解决思路：想要展示1物理像素，只能使用scale缩放 android设备中dpr值有多种，可知 阅读全文
摘要：
因为手机屏幕的分辨率大小不一 ，如果使用传统的静态布局，把每个元素的宽高样式写死，在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同，来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 ###1.rem适配 1rem就是html标签font-s 阅读全文
摘要：
1.原理分析和效果图 先上效果图： 屏幕适配上使用rem适配，假设用户的手机屏幕最下宽度是375px，而谷歌浏览器最小的字体大小为12px，所以我以375px为标准尺寸进行rem适配，即375px的屏幕设置html标签字体大小为12px，随着屏幕宽度增大，1rem也随之增大 表盘使用的是圆角，使之展 阅读全文
摘要：
1.先说说css的坐标系： x轴的正方向就是水平向右的方向 y轴的正方向就是垂直向下的方向 z轴的正方向就是屏幕到用户的方向 2.位移 说明：位移是转换属性中的一个值，包含2d与3d 属性值 说明 translate(x,y) 2d位移 translateX(n) 2d位移，设置x轴方向的位移 tr 阅读全文
摘要：
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变不是一个css属性，可以把它看成一个函数，通过传入参数（渐变方向和颜色）来返回一个视觉效果 一般用在background属性中，注意，不能用在background-color中 ###1.线型渐变 linea 阅读全文
摘要：
1.背景图大小(background-size) 这个属性设置单张背景图的大小，默认是原图的大小 当同时指定宽高时，会造成图片失真，如果要保持宽高比，可以使用 auto 字段让宽或者高自适应 值类型 示例 说明 像素 50px 50px - 百分比 50% 50% 这个比例是基本容器本身，而不是原图 阅读全文