2017年11月27日

css3之Tab页面切换

摘要： （1）:target 伪类选择器（增加锚点） 内容的切换 样式的切换（E~F{ cssRules } ，CSS3 兄弟选择符(E~F) ，选择 E 元素后面的所有兄弟元素 F。注意这里，最重要的一句话是 E~F 只能选择 E 元素 之后 的 F 元素，所以顺序就显得很重要了） （2）<input t 阅读全文

posted @ 2017-11-27 16:44 木之子梦之蝶 阅读(694) 评论(0) 推荐(0) 编辑

css之左边竖条的实现方法

摘要： position:relative; width:200px; height:60px; background:#ddd; } 阅读全文

posted @ 2017-11-27 16:12 木之子梦之蝶 阅读(2069) 评论(0) 推荐(0) 编辑

css之文本效果

摘要： //模糊文本 .blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); }//文本渐变 h2[data-text] { position: relative; } h2[data-text]::after { content: attr(data-text); z-index: 10; color: ... 阅读全文

posted @ 2017-11-27 15:58 木之子梦之蝶 阅读(136) 评论(0) 推荐(0) 编辑

css之禁用鼠标

摘要： //禁用鼠标事件 .disabled { pointer-events: none; } 阅读全文

posted @ 2017-11-27 15:57 木之子梦之蝶 阅读(240) 评论(0) 推荐(0) 编辑

css之所有一切都垂直居中

摘要： //要将所有元素垂直居中，太简单了： html, body { height: 100%; margin: 0; } body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex; } ... 阅读全文

posted @ 2017-11-27 15:50 木之子梦之蝶 阅读(153) 评论(0) 推荐(0) 编辑

css之页面顶部阴影

摘要： body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rg... 阅读全文

posted @ 2017-11-27 15:47 木之子梦之蝶 阅读(2194) 评论(0) 推荐(0) 编辑

css之使用 :not() 在菜单上应用/取消应用边框

摘要： // add border先给每一个菜单项添加边框 .nav li { border-right: 1px solid #666; } // remove border……然后再除去最后一个元素…… .nav li:last-child { border-right: none; } //可以直接使用 :not() 伪类来应用元素： .nav li:not(:last... 阅读全文

posted @ 2017-11-27 15:46 木之子梦之蝶 阅读(189) 评论(0) 推荐(0) 编辑

CSS之黑白图像

摘要： img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } 阅读全文

posted @ 2017-11-27 15:42 木之子梦之蝶 阅读(121) 评论(0) 推荐(0) 编辑

AMD/CMD规范

摘要： 暂时先不写 阅读全文

posted @ 2017-11-27 13:47 木之子梦之蝶 阅读(107) 评论(0) 推荐(0) 编辑

HTTP学习笔记

摘要： 1 定义：（HTTP，HyperText Transfer Protocol)即超文本传输协议 （1）是互联网上应用最为广泛的一种网络协议。 （2）所有的WWW文件都必须遵守这个标准。 （3）设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法 一、HTTP方法和对应操作 （四种操作方法 阅读全文

posted @ 2017-11-27 13:17 木之子梦之蝶 阅读(104) 评论(0) 推荐(0) 编辑

MUI之ajax获取后台接口数据

摘要： mui.plusReady(function() { getToDoNum(); }); function getToDoNum(){ mui.ajax("接口地址", { data: { task_tenantId:"f0fd6e1f-cf85-11e7-98b1-fa163e00... 阅读全文

posted @ 2017-11-27 11:15 木之子梦之蝶 阅读(6139) 评论(0) 推荐(0) 编辑

导航