CSSHTML - 随笔分类 - qize

优雅的处理破裂图像

摘要：破裂图像当我们img的src请求失败的时候,会触发事件。这给我们提供了一个处理错误图片的时机，但是很显然这样的处理对我们来说太昂贵了。于是图片就成了这样: 这样很显然比较难看。优雅的处理这时候给我们的图片添加下面一些CSS,立马就会和谐起来。替换原有的破裂图片虽然上面已经相对优雅的处理阅读全文

posted @ 2017-02-10 15:17 qize 阅读(1113) 评论(0) 推荐(0) 编辑

CSS的兼容性与BUG处理

摘要：骨灰级清除浮动内联元素相连之间存在间隙问题原因:内联元素是当做字体来处理的，字体之间是有间隔的解决方法: 1.多个标签写在一行 2.将要闭合标签的地方与开始标签的地方重合 3.使用注释头尾相连 4.在父级上写：font size:0; 5.使用display：block(img是内联元素) 6 阅读全文

posted @ 2017-02-09 17:02 qize 阅读(1779) 评论(0) 推荐(2) 编辑

CSS中易忽略的点

摘要：一.使用斜杠/分割的关键字 1.font 分割的分别是字体大小与行高 ,其他关键是用空白符分割。 2.background 分割的是background-position/background-size 3.border-radius 分隔的是:水平半径/垂直半径二.布局注意父元素的定位方阅读全文

posted @ 2016-10-29 16:19 qize 阅读(883) 评论(2) 推荐(1) 编辑

document.documentElement.clientHeight 与 document.body.clientHeight(杜绝千篇一律的抄袭!!)

摘要：document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题。这两个应该不是一个东西。页面中加了：<!DOCTYPE html> 很明显在谷歌浏览器中两个值不是一个概念。页面中不加：<!DO 阅读全文

posted @ 2016-09-04 13:10 qize 阅读(13789) 评论(2) 推荐(3) 编辑

牛逼的css3:动态过渡与图形变换

摘要：写css3的属性的时候，最好加上浏览器内核标识，进行兼容。 -ms-transform:scale(2,4); /* IE 9 */ -moz-transform:scale(2,4); /* Firefox */ -webkit-transform:scale(2,4); /* Safari an 阅读全文

posted @ 2016-04-02 16:03 qize 阅读(9403) 评论(1) 推荐(0) 编辑

HTML自定义对象与属性探究（谷歌，火狐，IE9浏览器没问题）

摘要：1.自定义标签阅读全文

posted @ 2015-11-24 20:52 qize 阅读(343) 评论(0) 推荐(0) 编辑

多个Img标签之间的间隙处理方法

摘要：1.多个标签写在一行效果前：效果后：2.将要闭合标签的地方与开始标签的地方重合3.使用注释头尾相连4.在img标签的父级上写：font-size:0; 效果：5.使用display：block(img是内联元素)效果:6.使用letter-spacing属性 ... 阅读全文

posted @ 2015-10-10 21:12 qize 阅读(5640) 评论(0) 推荐(1) 编辑

让DIV中文字换行显示

摘要：1. I am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 未加css前效果：------->加上效果:2.这三句重点在于:word-break与word-wrapa:word-break属性规定自动换行的处理方法。提示：通过使用 word-br... 阅读全文

posted @ 2015-08-08 13:59 qize 阅读(60360) 评论(3) 推荐(5) 编辑

CSS选择器 < ~ +

摘要：1.>（子选择器）#a>p{ // 使用 > 号，让选择器选择id="a"的所有子类（直接子类） 11111111111111 22222222222222 333333333 在中-->结果：2.+（相邻选择器）h1+p，选择紧接在另一个元素后的元素，而且二者有相同... 阅读全文

posted @ 2015-07-25 16:31 qize 阅读(19735) 评论(0) 推荐(5) 编辑

返回顶部的功能 div固定在页面位置不变

摘要：1.你在网上搜索的时候，可能会搜索到div固定在页面上，不随滚动条滚动而滚动是用CSS写的，写法是position：fixed;bottom:0;但是这个在iframe满地跑的页面实际开发中，有啥用呢？反正我用了感觉没啥用。2.还有一种就是JS控制了。我写的是随着滚动滚动，计算div的绝对与可视页... 阅读全文

posted @ 2015-07-04 17:58 qize 阅读(1127) 评论(0) 推荐(0) 编辑

div中设置滚动条的问题

摘要：这样的一个div，当文本超出的时候我们就会设：overflow：scroll使得其出现滚动条。问题来了：这样的话即使内容没超出的时候也会有滚动区域，虽然没有滚动条，但是2条很难看！我们应该这样解决：overflow：auto 阅读全文

posted @ 2015-06-09 19:29 qize 阅读(577) 评论(0) 推荐(0) 编辑

html5中canvas的使用获取鼠标点击页面上某点的RGB

摘要：1.html5中的canvas在IE9中可以跑起来。在IE8则跑不起来，这时候就需要一些东西了。我推荐这种方法，这样显得代码不乱。需要谷歌的一个html5.js的文件即可。注意：必须插入在之间才会有效。由于HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状... 阅读全文

posted @ 2015-04-13 20:50 qize 阅读(3472) 评论(0) 推荐(0) 编辑

随笔分类 - CSSHTML