分类：css

Amaze UI 3.0即将内测，全新设计，全新体验，等你尝鲜！！

hi，大家好，Amaze UI蛰伏半年时间，即将强势更新。全新设计的3.0版本到底有什么不同？加入内测QQ群抢先体验：605282743（限量200人）正式启动内测时间为下周一，请提前入群了解情况！感谢大家的支持…

XMLHttpRequest对象是ajax的基础使用它的open()和send()方法将请求发送到服务器 var a=3; var request=new XMLHttpRequest(); request.open(…

tip：本文含部分Es6语法 1.if(a)的自动转换数据类型转换为true的值转换为false的值 …

CSS布局之左右布局与左中右布局方法：为子元素设置浮动，然后在其父元素上使用clearfix类来清除浮动。代码示例： html部分： <div class="parent clearfix"> <di…

整理一些常用前端知识点，忘记的时候可以翻出来回忆下浏览器渲染从输入网址到显示网页的过程分析 1、应用层DNS解析域名：客户端先检查本地是否有对应的IP地址，若找到则返回响应的IP地址。若没找到则请求上级DNS服务器，…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 1. 随机生成的有流向的粒子效果https://codepen.io/ge1doot/pe… 2. 用 jquery 写的变换动画ht…

按照特殊性优先级排名 000 从左到右第一个0：如果这个选择器包含id+1 例如： <pre>#choice { color:red; }</pre> 100 第二个0：如果这个选择器包含类…

示例代码 <style> *{margin:0;} label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} body{font-…

网页布局最经典的就是flex和grip两个布局，bootstrap就是基于grip这种网格布局设计的，今天来说的是另外的一个flex布局模式。在flex布局模式中，声明一个父级元素的display为flex之后，其后代…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>fle…

1.去掉无意义的修饰。优化之前首先确认一下设计本身是否需要用这么多图片，是否可以更简洁！ 2.不用图片。如半透明、边框、圆角、阴影、渐变等，在当前主流浏览器中都可以用CSS达成。将来CSS滤镜得到广泛支持后，还可以做到a…

众多周知 CSS3 增加了很多属性，在读写的时候就没有原先那么方便了。如:<div style="left:100px"></div> 只考虑行间样式的话，只需 div.style.left 就…