此博客是本人从学生时代开始做笔记所用, 部分是工作所遇问题,做填坑笔记,部分闲来查阅资料,加上自己的理解所总结的学习笔记, 常忙得不可开交,若漏了资料来源,望通知~ 前路漫漫,写点东西告诉自己正在一点点进步,而不要迷失于繁忙。

随笔分类 -  css笔记

摘要:box-flex布局在这几年发生了多次变化,可分为2009版、2011版以及2013版, 区分: display:box(inline-box), box-{*}的格式为2009版 display:boxflex(inline-flexbox), flex()为2011版 display:flex( 阅读全文
posted @ 2017-08-20 14:43 炎泽
摘要:关于transition,css教程中有一个很简单的例子: 当鼠标悬浮于div上时,会渐变消失 但当opacity改为width,或者height时,过渡却不会发生!后来发现当改变width、height等时必须预先设定其高/宽,否则过渡失效! 阅读全文
posted @ 2017-03-21 13:50 炎泽
摘要:关于换行符,网上有许多说法,IE早期的浏览器是\r\n,有的浏览器是\r,但很难找到确切的版本号。经过本人正则匹配测试,chrome、firefox、safari、IE11都是\n, 因此保险起见,若对换行符进行正则匹配,应当同时匹配\n, \r以及\r\n. 值得一提的是\n、\r和\r\n都有换 阅读全文
posted @ 2017-01-30 12:17 炎泽
摘要:置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容 例如img, input, textarea, select, object img 浏览器根据src,alt属性来显示内容 input 浏览器根据type,placeholder属性来显示 。。。 共同点: 往往没有实际的内容,即一个 阅读全文
posted @ 2017-01-24 11:27 炎泽
摘要:css2中对伪类和伪元素的定义相当模糊,所幸css3中有了较为明确的定义 1.伪类存在的意义是为了通过选择器找到那些不存在于DOM树中的信息以及不能被常规CSS选择器获取到的信息。 例如: :link、:visited、:hover、:active、:focus、:target(选择活动的锚节点) 阅读全文
posted @ 2017-01-13 15:47 炎泽
摘要:::-webkit-input-placeholder { /* WebKit browsers */ color: #cfcfcf; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cfcfcf; } ::-moz-place 阅读全文
posted @ 2016-11-16 20:22 炎泽
摘要:语法: tap-highlight-color: <color> 作用: 当用户点击链接,按钮等可点击元素,或js绑定的可点击元素时给元素覆盖高亮色 备注:js行内绑定,js script内绑定,jquery绑定,angular绑定本质上都是js绑定 默认是灰色,若想取消高亮色,可将色值设为tran 阅读全文
posted @ 2016-11-03 16:56 炎泽