08 2015 档案

如何使CSS--better（系列二）
摘要：上一篇文章(如何使CSS--beter 系列一)中 分析了一下 什么样子的代码是高效的 应该避免什么样子的代码, 那么什么样子的代码是更容易扩展的? 什么代码是更好维护的? 什么代码是更好的?下边咱们简单的说一下 高效的代码 如果现在在注册 和登录页面的 input类型的样式是一样的 那么该怎么做呢... 阅读全文
posted @ 2015-08-31 17:15 请低下头 阅读(159) 评论(0) 推荐(0)
如何使CSS--better（系列一）
摘要：我们想一下以下问题：1、什么样子的css代码才是高效的？2、什么样子的css代码才是便于维护的？3、什么样子的css才是可扩展的？带着以下问题咱们简单的说一下css的“性能”问题虽然我技术不是很好 但是我会说以下的代码不要用*｛margin:0; padding:0; border:none;｝这样... 阅读全文
posted @ 2015-08-31 17:00 请低下头 阅读(209) 评论(0) 推荐(0)
判断终端是ios还是安卓的一些妙用
摘要：最近遇到一个项目 要求有两个icon（就是下载地址 下载安卓的apk 和ios的安装包）一开始的方案是 什么设备都显示这两个icon 但是后来老大说这样不好 安卓用户给他下载ios 也不行 ios下载安卓也不行 于是就想到了一个办法 （判断终端）于是百度了一些 经测试是可以完成的var u = na... 阅读全文
posted @ 2015-08-28 09:47 请低下头 阅读(403) 评论(1) 推荐(0)
line-height:0的使用
摘要：在这里不介绍line-height的概念 建议看一下张鑫旭 写的line-height 文章 这里只说 用到的一些小地方div中img有间隙的解决方案就是用到了这个小小的属性 那么请看方案方案1 给img 设置为display：blockimg{display:block}第二种办法就是给外层的di... 阅读全文
posted @ 2015-08-27 15:32 请低下头 阅读(1469) 评论(0) 推荐(0)
-webkit-text-size-adjust: none;该如何处理
摘要：在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观... 阅读全文
posted @ 2015-08-27 14:41 请低下头 阅读(3296) 评论(0) 推荐(0)
关于移动端border 1像素在不同分辨率下边显示粗细不一样的处理
摘要：最近开发发现一个很有趣的问题 就是我如果给一个元素加上一个像素的 border 在不同的分辨率的情况下显示的不同 在高清屏幕（尤其是ios 喽 不鄙视国产） 据说在6plus下会变成3px 这个我就不知道了 因为我没有。。。那么我们换个单位行不行？ 因为移动端不用px来做 啊 对不起 你换了rem ... 阅读全文
posted @ 2015-08-27 09:53 请低下头 阅读(3546) 评论(0) 推荐(0)
html5小趣味知识点系列（一）required
摘要：都知道这个属性是检查你 是否填写了字段也就是说咱们不用判断输入的数值是否为空的情况了但是这个属性一定要和form配合在一起使用单独的使用是不可以实现的 required 阅读全文
posted @ 2015-08-26 16:31 请低下头 阅读(357) 评论(0) 推荐(0)
html5小趣味知识点系列（一）contentEditable
摘要：在这里纠正一下某些书籍说 这个修改后的文字内容是无法保存的 的错误必须发送到服务器进行保存才可以（因为我可以保存到内容）看代码吧 也许我理解的不对 可编辑 我是可以编辑的内容，快来编辑我吧 可以自己尝试一下 你发现你最新编辑的内容在你鼠标离开以后 会把你最新的修改的内容留到... 阅读全文
posted @ 2015-08-26 16:12 请低下头 阅读(519) 评论(0) 推荐(0)
html5小趣味知识点系列（一）autofocus
摘要：autofocus 阅读全文
posted @ 2015-08-26 16:00 请低下头 阅读(662) 评论(0) 推荐(0)
html5小趣味知识点系列（一）pubdate
摘要：pudlate 8月26日的聚餐通知 8月25日这个的语义就是使用pubdate属性来表明发布日期 多数用到网站公告和网站新闻列表中 阅读全文
posted @ 2015-08-26 15:42 请低下头 阅读(529) 评论(0) 推荐(0)
html5小趣味知识点系列（二）tabindex
摘要：tabindex 我也是可以获取焦点的哦 我获取不到焦点的！ 阅读全文
posted @ 2015-08-26 15:07 请低下头 阅读(195) 评论(0) 推荐(0)
html5小趣味知识点系列（一）spellcheck
摘要：发现一些h5的系ode知识点增加一些趣味性 实用性 不敢妄自评论 觉得有用就用一下 没用就路过一下spellcheck属性它的功能是针对用户输入的文本内容进行拼写和语法检查 用于input 和textarea 个人感觉 textarea更多一点吧！ Document 咱们去浏览器... 阅读全文
posted @ 2015-08-26 14:59 请低下头 阅读(388) 评论(0) 推荐(0)
output的使用
摘要：如果现在让你做一个滑动的效果 然后在右侧显示滑动停止以后的数值 那么很多人会选择input 和output 来使用 output 请选择一个数值 10 为什么不用span之类的行内元素呢？ 因为output他的语义救赎输出 还有比他更合... 阅读全文
posted @ 2015-08-24 14:42 请低下头 阅读(628) 评论(0) 推荐(0)
IOS下移除按钮默认美化样式
摘要：今天在做项目中发现 ios会自己美化按钮的样式 美化的一般都是加一个圆角 也就是常说的border-radius 属性 今天在弄一个input标签的时候加了一个border-bottom属性 但是发现那个底边框会有一点一点的犄角（大家可以自己看一下） 于是就尝试写了一个border-radius：0... 阅读全文
posted @ 2015-08-17 13:53 请低下头 阅读(273) 评论(0) 推荐(0)
关于html的小bug
摘要：废话不说 看代码 因为最近比较忙 所以不闲聊了啊 bug 百度一下 看一下 火狐 和谷歌的截图 看一下下边要说的bug（2）个火狐截图为下：谷歌截图为下：第一他们的对其方式不是很一样。。。 是因为这两个浏览器的渲染的vertical-... 阅读全文
posted @ 2015-08-17 10:58 请低下头 阅读(388) 评论(0) 推荐(0)
Javascript获取各种浏览器可见窗口大小
摘要：function getInfo(){ var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域宽：... 阅读全文
posted @ 2015-08-14 16:59 请低下头 阅读(167) 评论(0) 推荐(0)
苹果input点击页面稍微变大的问题
摘要：今天在群里看到有人问input标签点击以后在ios下页面会变大一点的问题 说实话我是没有遇到过后来解决了我看了一下代码 我明白了 不是我没有遇到过是因为我写的比较规范 所以没出现那样的问题 嘿嘿..废话不多说 看解决的代码其实就是这里的缩放 maximum-scale=1, maximum-scal... 阅读全文
posted @ 2015-08-14 15:42 请低下头 阅读(716) 评论(0) 推荐(0)
关于元素透明
摘要：直接设置opacity(0.5)，这种方法会让此标签的内的所有元素都变成透明filter：alpha（opacity=80）；/*ie支持该属性*/opacity：0.8；/*支持css3的浏览器*/只设置当前元素背景透明可用background：rgba(255，255，255，0.5) 阅读全文
posted @ 2015-08-14 15:11 请低下头 阅读(145) 评论(0) 推荐(0)
关于引用类型的误解
摘要：直接上代码 不墨迹 function name(user){ user="zero"; alert(user); } name('零度')这个的结果可能很多人都会猜错 自己去试一下吧！说执行顺序 为下边的更复杂的一个代码做铺垫1、执行函数的时候 把“零度” 赋值给了 us... 阅读全文
posted @ 2015-08-12 15:23 请低下头 阅读(177) 评论(0) 推荐(0)
怎样去掉a标签的蓝框
摘要：直接上代码*{-webkit-tap-highlight-color:rgba(255,0,0,0);}我是直接给每一个都加了这个属性 其实没有必要 因为 只有a 标签 input 标签 和textarea 等form中的一些标签才会出现这种问题 所以你也可以只给需要家的加上 但是我比较懒 嘿嘿解释... 阅读全文
posted @ 2015-08-03 16:50 请低下头 阅读(1892) 评论(0) 推荐(0)