摘要: 之前在很多地方看到css hack,今天狠下心,看看到底是什么鬼,所有我去百度了,然后看了一篇文章,然后写个小总结。 css hack就是通过加一些特定的符号,不同的浏览器可以识别特定符号的样式,以此达到在不同的浏览器下面,可以看到不同的css样式。 1.大部分特殊字符IE浏览器支持,其他主流浏览器 阅读全文
posted @ 2017-05-03 11:20 winteronlyme 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 举个栗子: 现在我们想要获取这个div,那么: 接下来我们想要获取属性data-drink的值,我们通常会这样去做: 那么通过dataset,我们可以这样获取data-drink的值: 所以既然我们可以通过getAttribute获得属性,那么dataset存在的意义是什么呢? 假如我们想获取div 阅读全文
posted @ 2017-05-03 10:46 winteronlyme 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 在张鑫旭大神那边看到的方法,我自己写了一遍,稍微添加了一些自己的风格特色。 IE6/7不支持这个属性,从IE8开始支持这个属性,对于IE6/7可以用display:inline-block解决。 table-cell同样会被其他一些css属性破坏,栗如:float和position:absolute 阅读全文
posted @ 2017-04-28 16:26 winteronlyme 阅读(2364) 评论(0) 推荐(0) 编辑
摘要: 到做项目遇到这个问题,发现以下方法用起来,都不如另一种办法最好用。(背景图的方法也很好用) 嵌套就嵌套呗,重点是有用,这是关键,而且屡试不爽。 以上是6月16的更新。。。 以下是4月28的文字。。。 小图标和文字的居中对齐问题,相信大家在很多时候会遇到。今天楼主从其他大神那边扒了一些方法,现在做个小 阅读全文
posted @ 2017-04-28 14:43 winteronlyme 阅读(2383) 评论(0) 推荐(0) 编辑
摘要: 之前一直用float浮动方法布局,因为display:inline-block有间隙,现在找到办法了。在父元素上面加font-sise:0,就可以了。 效果如图: 代码如下: 阅读全文
posted @ 2017-04-27 17:49 winteronlyme 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 在看张鑫旭大神的文章,刚刚发现了这个,感觉应该后面有用,先存起来。 效果如下: 代码如下: 阅读全文
posted @ 2017-04-27 17:11 winteronlyme 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 背景图片的左上角和容器(container)的左上角对齐,超出的部分隐藏。 等同于 background-position:0,0; 也等同于background-position:0%,0%; 背景图片的右下角和容器(container)的右下角对齐,超出的部分隐藏。 等同于background- 阅读全文
posted @ 2017-04-27 16:42 winteronlyme 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 鉴于经常会使用到浮动进行布局,所以清除浮动是必须的,因为不清除浮动,那么将会给下面的布局带来一系列的麻烦,但是楼主经常会忘记,现在用一个篇幅专门记录清除浮动的方法以示警戒! 阅读全文
posted @ 2017-04-25 14:12 winteronlyme 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 1.横竖屏的引入 2.meta标签 第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; 尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。 其中: width - viewport 阅读全文
posted @ 2017-04-20 17:02 winteronlyme 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 使用<canvas>元素,必须先设置其width和height属性,指定可以绘图的区域大小。 要在画布上绘图,需要取得绘图上下文,也就是要调用getContext()方法并传入上下文的名字。在使用<canvas>元素前,首先要检测下getContext()方法是否存在,不是所有的版本的浏览器都支持的 阅读全文
posted @ 2017-04-18 14:31 winteronlyme 阅读(207) 评论(0) 推荐(0) 编辑