2017年10月10日
理解z-index
摘要： 层叠规则 同一个stacking context的z-index才具有可比性，也就是说在讨论z-index时必须带说明是哪个stacking context下的z-index。z-index属性值仅对positioned box生效，而non-positioned box的z-index永远为0。z 阅读全文
posted @ 2017-10-10 14:56 Mr.Nut 阅读(224) 评论(0) 推荐(0) 编辑
别在最好的年纪辜负最好的自己
摘要： 1 有一段时间，就连码字这一件事情，都不能让我安心。 当我写不出稿子的时候，我就埋怨手上的旧电脑，笨笨的、重重的、黑黑的，怎么可能写出好东西？老公不吭声，买了一台白白嫩嫩的新电脑给我。 问题又来了，总是觉得周围有人来来往往，没法安静下来。我想找一个有情调的咖啡馆，人群不嘈杂、灯光柔和温暖的那种，这样 阅读全文
posted @ 2017-10-10 14:40 Mr.Nut 阅读(344) 评论(0) 推荐(0) 编辑
2017年10月1日
一劳永逸的flex布局
摘要： 寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: ce 阅读全文
posted @ 2017-10-01 16:52 Mr.Nut 阅读(151) 评论(0) 推荐(0) 编辑
移动端常见的兼容性问题
摘要： 随着手机的普及，移动端的开发也成了一个重要的方向，但由于设备的不统一会造成一些兼容性问题， 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页， 阅读全文
posted @ 2017-10-01 16:49 Mr.Nut 阅读(279) 评论(0) 推荐(0) 编辑
css代码颜色十六进制大全
摘要： CSS颜色代码大全 顏色 桃紅~紛紅 顏色 紫 顏色 褐~橘~米白 顏色 金~黃 顏色 ~黃 綠 顏色 藍 顏色 黑~灰~白 顏色 阅读全文
posted @ 2017-10-01 16:45 Mr.Nut 阅读(2484) 评论(0) 推荐(0) 编辑
把select的小图标替换成 自己想要的图片
摘要： 不同的浏览器默认的select的选项图标是不同的，例如： 在chrome中，是这样的： 未点击时 点击时 在Firefox中是这样的： 未点击时 点击时 在IE9中是这样的： 未点击时 点击时 其它浏览器大家可以自己尝试看看select的默认样式 下面开始正式介绍怎么替换： 这是我的html代码： 阅读全文
posted @ 2017-10-01 16:40 Mr.Nut 阅读(8992) 评论(0) 推荐(1) 编辑
2017年9月29日
HTML中的<select>标签如何设置默认选中的选项
摘要： 具体的可以去博客看一下www.nut666.com?from=bky 方法有两种。 第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。 1 2 3 4 5 < select id = "sel" > < option value = "1" >1< 阅读全文
posted @ 2017-09-29 14:58 Mr.Nut 阅读(103887) 评论(0) 推荐(0) 编辑
js获取元素，窗口的宽度、高度
摘要： alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(doc 阅读全文
posted @ 2017-09-29 14:56 Mr.Nut 阅读(1771) 评论(0) 推荐(0) 编辑
jQuery.NiceScroll简单的API
摘要： 具体的可以去博客看一下www.nut666.com?from=bky Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。 官网地址：htt 阅读全文
posted @ 2017-09-29 14:47 Mr.Nut 阅读(7233) 评论(0) 推荐(0) 编辑