随笔分类 -  CSS

css3 动画
摘要：1、过渡 所有的过渡必须明确指定改变数值，height，width等必须是精确地数值或百分比，不能为auto； 只要能明确改变属性数值的事件都可以触发过渡，class，JavaScript，hover等；.height-animate { -webkit-transition: -webkit-transform .3s ease-in-out, height .3s ease-... 阅读全文
posted @ 2015-10-12 14:45 skyding 阅读(161) 评论(0) 推荐(0)
css 众妙之门 学习笔记
摘要：伪类：结构伪类：:empty:only-child:before:after:active:hover:focus:link:visited:first-child:last-child:nth-last-child():nth-child()UI元素伪类：:checked:enabled:disa... 阅读全文
posted @ 2014-05-18 11:56 skyding 阅读(134) 评论(0) 推荐(0)
旧识新知
摘要：1.html标签属性如果不写引号，渲染的时候就会默认添加双引号“eg： 渲染后就是2、IE10中兼容模式下required和mutilate是默认有的3、文件保存时的编码不一致也可能导致乱码，jsp之间参数传递中文时，如果一个是utf-8，另一个是gb2312就会乱码4、通过jquery获取元素的宽... 阅读全文
posted @ 2014-05-07 20:03 skyding 阅读(205) 评论(0) 推荐(0)
iframe监听unload事件
摘要：阻止默认事件event.preventDefault();阻止事件冒泡event.stopPropagation();event.cancelBubble = true; //IE标签会触发onbeforeunload事件，事件时间顺序 onclick > onbeforeunload > href... 阅读全文
posted @ 2014-03-26 12:00 skyding 阅读(2269) 评论(0) 推荐(0)
IE bug集锦
摘要：ie8 iframe 不显示问题描述：IE8的非兼容模式下(兼容模式是ie7，不存在)，iframe会不显示；可以通过Ctrl+A全选或者是调整窗口大小显示出来。解决办法：这是由于要显示的iframe里的body多了position为relative的属性，将其去掉即可。IE中没有权限的错误在窗口、... 阅读全文
posted @ 2014-03-26 11:59 skyding 阅读(197) 评论(0) 推荐(0)
元素自适应宽度、换行
摘要：通过设置百分比和最小宽度来实现，放大可以均匀排列，缩小可以自动换行#kpi_tb input{width: 100px;}#kpi_tb .row{margin:0px;padding:0px;width: 100%;text-align:center;display: inline-block;p... 阅读全文
posted @ 2014-03-26 11:51 skyding 阅读(665) 评论(0) 推荐(0)
css学习笔记---盒模型，布局
摘要：1、外边距叠加当一个元素出现在另一个元素上面时第一个元素的底边距与第二个元素的上边距发生叠加，元素被包含时也有可能会发生叠加（如果没有内边距和边框），如果一个空元素没有内边距和边框本身也会发生上下边距的叠加。 只有普通文档流中块框的垂直外边距才会发生叠加，行内框、浮动框或绝对定位框之间的外边距不会... 阅读全文
posted @ 2013-11-03 22:33 skyding 阅读(172) 评论(0) 推荐(0)
CSS学习笔记----选择器
摘要：用过css的同志们都知道，选择器是非常重要的，如果选择器使用不当，即使你的css写的再好，但是不知道要用在哪个元素上，这不是英雄无用武之地吗？css，用过的都说好！最基本的选择器，id选择器，类选择器这些大家早已心知肚明的就不在这里赘述了，有那功夫赶紧研究一下把妹攻略.伪类：:link，:visit... 阅读全文
posted @ 2013-11-02 12:16 skyding 阅读(185) 评论(0) 推荐(0)