2015年01月_ISaiSai

转载 PHP 判断函数是否存在

主要是为了丰富知识线：function_exists if (!function_exists('sayHello')) { function sayHello($userName){ echo("hehe ". $userName); } }

2015-01-27 17:05:06 628

翻译 css ~波浪线选择器连接符General Sibling Selector

https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectorsThe ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and b

2015-01-22 18:29:44 10521 1

转载 CSS3 不使用javascript 实现click

使用css3 可以不使用javascript 实现click效果关键思想：1.使用input 的checked 的伪类2.使用 ~ 取消css 的层级关系参考文档：http://tympanus.net/codrops/2012/12/17/css-click-events/ input:ch

2015-01-22 18:12:01 8736

转载 line-height 百分比和数字大小的学习

#content { line-height: 1.5; width: 100px; background-color: gray; float: left; } #content2 { line-height: 150%;

2015-01-20 11:52:32 2195

原创字体选择规则

1.如果希望醒目，标题及短小的段落使用sans serif（所有笔画一样）:黑体微软雅黑 arial2.如果正文使用serif（衬托，有粗细有开始结束笔画），方便识别：宋体3.如果字体比较小的情况下，使用sans serif，（serif 没有必要了，因为字体太小没有区别）

2015-01-20 10:56:43 1137

原创 css样式分类

1.文本：family size weight style color line-height2.背景：background3.盒子：width height top margin padding border outline4.布局：position display visibility overflow float5.其它：动画

2015-01-20 10:26:47 519

原创 box-sizing:border-box,padding-box 颠覆盒子模型

DEMO：box-sizing：定义使用的盒子模型(CSS3)默认值是 content-box ：border padding 在width height 外面，传统的盒子模型border-box：border 和 padding 在width height 中padding-box :(w3c 似乎没有，在firefox中有) padding包含在width height

2015-01-16 17:56:56 5768 1

原创 html nobr 标签

当前已经废弃的标签，但似乎浏览器都支持功能：等同于white-space: nowrap 内容不折行兼容性：chrome，firefox，,ie 都是支持的nobr：display是inlineDEMO 请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不要折行请让我不

2015-01-16 16:36:26 2576

转载 IE UserData 本地存储(替代localStorage)

在Ie9 及以下可以使用，以上版本需要使用localstorage参考文章http://msdn.microsoft.com/zh-cn/vstudio/ms531424过期http://msdn.microsoft.com/zh-cn/vstudio/ms531095 设置读取 v

2015-01-12 15:38:51 834

转载 inline-block 之间的间距问题解决

两个 inline-block 标签之间如果有空白，则会有显示上的间距解决办法：1.使用float 代替 inline-block2.在inline-block 的上层容器添加 font-size:0px3.删除两个标签之间的空白

2015-01-08 16:05:37 931

转载比较淡雅美观的box-shadow 配置

box-shadow: rgba(0,0,0,.2) 0 1px 5px 0px;box-shadow: rgba(0,0,0,.2) 0 1px 5px 0px;box-shadow: rgba(0,0,0,.2) 0 1px 5px 0px;

2015-01-08 15:02:53 5710

转载纯粹CSS 绘制向下箭头

设置一个没有高度没有宽度只有边框的元素，仅仅设置上边框颜色，其它边框都是透明，则可以实现一个向下的三角形 #content { width: 0px; height: 0px; border: 100px; border-

2015-01-08 11:24:29 8838

ISaiSai的专栏