摘要: 3种方式 2清理form表单的临时缓存 document.getElementById("login").reset(); autocomplete='off' 3jquery--ajax清除缓存 阅读全文
posted @ 2017-08-24 18:30 alan-alan 阅读(125) 评论(0) 推荐(0) 编辑
摘要: flex布局 flex布局,不使用rem,直接使用px。 <!DOCTYPE html> <html> <head> <title></title> <style> /*利用flex属性,可以实现块级元素1:1:1*/ /*简单的就能使里面的内容居中(尤其是垂直居中,好用到爆)*/ .box{ di 阅读全文
posted @ 2017-08-24 18:00 alan-alan 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 1.0版本手动搭建目录结构搭建结构img,css,js,index.html2.框架+插件+其他资源文件3.图片(png) 图标(icon) log(svg)4.css文件(重置样式:normalize.css,公共样式:common.css,页面样式:index.css)5.index文档结构构建 阅读全文
posted @ 2017-08-24 16:37 alan-alan 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 用户被勾选 input框如果被用户勾选了,其后面的label元素会有相应的样式变化 +是兄弟选择器(sibling combinator),来组合前后两个选择器,选择器中的元素有相同的父元素,并且第二个必须紧随着第一个出现。 阅读全文
posted @ 2017-08-24 15:34 alan-alan 阅读(490) 评论(0) 推荐(0) 编辑
摘要: :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。 阅读全文
posted @ 2017-08-24 15:22 alan-alan 阅读(214) 评论(0) 推荐(0) 编辑
摘要: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 阅读全文
posted @ 2017-08-24 15:17 alan-alan 阅读(349) 评论(0) 推荐(0) 编辑
摘要: /*border和padding计算入width之内,其实就是怪异模式了, 多用于排版 */ } #div{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */} /*1... 阅读全文
posted @ 2017-08-24 15:12 alan-alan 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 1.拿到公司设计师给的PSD图(PC端给的是1920px的设计稿,移动端给的750px的设计稿)。2.自己新建一个项目目录(默认有css,js,images文件夹以及一个index.html文件)。3.分析设计图产出:图片图标(svg)到http://www.iconfont.cn/将所有的svg图 阅读全文
posted @ 2017-08-24 14:46 alan-alan 阅读(226) 评论(0) 推荐(0) 编辑