随笔分类 -  css

CSS3制作各种形状图像
摘要:制作圆形: 要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可: #circle { width: 120px; height: 12 阅读全文

posted @ 2016-03-09 10:19 flyking 阅读(465) 评论(0) 推荐(0)

张鑫旭 css demo 总结(未完待续)
摘要:最近想深入研究下css,整理的一些张鑫旭大神的css,demo 1 css margin重叠的问题 http://www.zhangxinxu.com/study/200908/margin-overlap.html 2 css margin双倍边距的问题 http://www.zhangxinxu 阅读全文

posted @ 2016-03-04 18:37 flyking 阅读(431) 评论(0) 推荐(1)

margin常见问题研究
摘要:一 margin双边距问题 ie6下 浮动+ margin会产生 如何去避免 1 inline属性解决 首先是inline元素或inline-block元素是不存在双边距问题的。然后,float:left等浮动属性可以让inline元素haslayout,会让inline元素表现得跟inline-b 阅读全文

posted @ 2016-03-04 10:35 flyking 阅读(162) 评论(0) 推荐(0)

css3立方体实现
摘要:使用css3实现一个立方体 <div class="box"> <div class="boxCorner1"></div> <div class="boxCorner2"></div> </div> .box { margin:4em auto; width:10em; height:10em; 阅读全文

posted @ 2016-03-01 22:58 flyking 阅读(359) 评论(0) 推荐(0)

css3 animation
摘要:鉴于自己看了好几次animation,都没有记住缩写时候的顺序,现在先放到这块备忘下animation-duration:动画时长animation-timing-funtion:元素根据时间的推进来改变属性值的变换速率 linear ease ;ease-in ease-out ease-in-o... 阅读全文

posted @ 2014-12-09 22:06 flyking 阅读(162) 评论(0) 推荐(0)

jsdoc的使用
摘要:文档化使用工具 jsdoc jsdoc使用规范 @param @argument 指定参数名和说明来描述一个函数参数 @returns 描述函数的返回值 @author 指示代码的作者 @deprecated 指示一个函数已经废弃,而且在将来的代码版本中将彻底删除。要避免使用这段代码 @see 创建一个HTML链接,指向指定类的描述 @versi... 阅读全文

posted @ 2014-07-14 17:34 flyking 阅读(573) 评论(0) 推荐(0)

步骤菜单使用css3实现
摘要:代码库:http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation 有兴趣的可以看一下,看完绝对让你大饱眼福。 首先截图,看效果 看着很酷吧,其实实现起来也不是很难,里边需要用的技术有:box-shadow,计数器:(reset-couter,counter-increment),以及transform,等技术。 第一步书写html代码很简单了,也就是div 套几个a标签即可。 给a写伪类after,after主要为了实现后面的小三角符号,需要给after后面添加content... 阅读全文

posted @ 2013-10-10 16:24 flyking 阅读(829) 评论(0) 推荐(0)

导航