有段时间 扑了一个多月的在一个wifi的前端项目上 快做完时 各种小问题一堆一堆的修复 处理了一些很零散的问题 因为页面有一个所有页面都有一个背景色 有的页面有背景图 主要重点是移动前端的方向 因为现在设备会有各种屏幕比例(16:9) 分辨率(1024px_768px) 和像素比(devicePixelRatio) 对于页面适配起来 其实有很多值得思考的对方 页面宽度上的处理很方便 可以用百分比的html body样式 或者 我使用了bootstrap 用它非常优...
碰到好几次这样的情况了: 一个带点儿文艺效果 背景图片模糊 而一行别致的文字清晰的悬浮在背景上(口胡,加点美好的想象,生活会更美好)第一反应是 this is easy. cause i know css have attribute like(blur,opacity)好像很容易,顶多再加点儿 1 -moz-opacity:0.5;2 filter:alpha(opacity=50); /* 针对 IE8 以及更早的版本 */3 -webkit-filter: blur(3px); /* Chrome, Opera */4 -moz-filter: blur(3px);5 -ms-filter: blur(3px...
入驻博客园两个月之后的第一篇随笔，希望能够做到三个原则： One：不浪费自己的时间， Tow：不浪费读者的时间， 第三就是希望有缘的朋友们多多指教，共度前端快乐的大坑！！！ 咱们今天来做一个居家旅行必备的小tips，展现前端老前辈的智慧，积淀的文化... 先来一个小口诀【呆会会用到的，不用着急记住它哦】 四方小三角（上，下，左，右） 尖角反方线，给颜色 /*设置边线*/ 两边夹角线成...
本文为部分翻译文章，主要内容来自于：css-protips，笔者自身也添加了一些自己的小的Tips。 使用:not()属性为导航添加或者去除边框 传统的方法是首先为每个li标签添加标签： /* add border */.nav li { border-right: 1px solid #666;} 然后用last-child伪属性作用于最后一个元素上： /* remove border */.nav li:last-child { border-right: none;} 代替的方法应该是使用not伪类去设置仅作用于部分元素的属性： .na...
一、重见天日第二春 字符以及HTML实体 描述以及说明 这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。为了便于记忆，我总是把这个空格成为“牛逼(nb)空格(sp - space)”，虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏，在...
IE10，IE11浏览器当点击input text文本框时，输入文本后出现一个删除功能的X按钮。去掉input text文本框后的X按钮的方法：给input text添加如下CSSinput::-ms-clear{ display:none; } //提示：input后是两个冒号，伪元素需要两个冒号。readonly ：不可编辑，不可获得焦点，背景颜色默认透明，字体颜色默认为前景色黑色，值可以在请求中传递；chorme和ie支持，firefox不支持readonly属性（在属性内定义：onfocus="this.blur()"）dis...