随笔分类 - 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
炎泽

浙公网安备 33010602011771号