CSS outline实现意想不到的效果

今天在微博看见@zhangxinxu召集各种实现了十字功能的方法。@大地Dudy和@灵感_idea都想到了用outline-offset这个方法,大开眼界。我就开始关注起了这个css属性。 这个属性其实很简单,就4种类型: outline-width outline-style »

多行文字溢出超过限定宽度,自动添加省略号

常会有“文字溢出自动添加省略号”的需求: 单行文字省略 或者,需要指定更多行数再添加省略号: 单行文字省略 开始实现吧: 单行文字添加省略号 css核心代码: overflow: hidden; /* 内容被剪裁,其余内容不可见 */ text-overflo »

CSS3 Animals - Sparrow

最近很流行做CSS 3的卡通人物或者动物,作为小麻雀,我也来体验一把。 虽然自我感觉UI不是特别的萌萌,但是我的“小麻雀”还是实现咯! 喳喳喳~请叫我小麻雀!嘿! 观赏地址:小麻雀 »

自定义高亮code功能

.css{ margin: 0; padding: 0; } 本来是想等新版的blog出来再实现。 但是Markdown实在是太方便了,在原来这个也稍微设置一下,这样就不用截图了,直接coding出来。 实现方法:原本的blog是没有支持Markd »

惊现CSS3 filter

看了一篇文章,才开始知道原来不止IE才有filter,原来CSS3也有。这篇文章的链接:http://www.xuanfengge.com/css3-grayscale-black-and-white-filters.html 哈哈,顺便说一下,它的导航很酷哦,可以在上面弹钢琴。 »

CSS外边距合并(叠加)

几种CSS外边距合并的情况 一个元素的下边距和一个元素的上边距重合 一个元素包含着另一个元素 前提:中间没有内边距和边框分隔开 空元素的上边距和下边距 前提:是个空元素,没有内容,没有内边距,没有边框 为什么会合并? 总的来说,从两个垂直外边距合并时,将形成一个外边距,外边距的值 »

总结-活动领取页面(计时功能)

做的第一个活动页面,还是挺有意义的。终于可以归档啦: 问题多多,收获自然也多多。写个总结: 一.页面部分 data参数用法 HTML中:data-id=”01″ / data-type=”0″ 在ajax中: var $this = $(this); var id = $th »

清除浮动clearfix

一直有在用,但是没有分析几种清楚浮动的方法和他们之间的比较。 为什么要清除浮动? 盒子里用了CSS float属性,父级对象不能被撑开。 这是6个float:left的<li>,父级<ul>添加上了边框,明显没有撑开。 这样的副作用是什么? 背景效果出不来 »