蓝色幻想728

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2016年7月6日

摘要: 就是一个new Date()对象,要注意的有以下几点; var oDate = new Date(); var nTime = oDate.getTime();//现在的时间戳,距离1970年的毫秒数 oDate.setFullYear(2016,8,15);//直接将2016年9月15日设置给了o 阅读全文
posted @ 2016-07-06 20:43 蓝色幻想728 阅读(144) 评论(0) 推荐(0) 编辑

2016年7月1日

摘要: 终于结束了最后css3的一节课,关于animation的使用,其实之前已经用过一次。大致要了解的就是,关于如何让动画停在最后一帧的方法。视频里有提到过css3出了个新的样式可以实现,但是老师没有记住,用了个变通的方法,就是单独设置一个 .stop {left:0 !important;top:0!i 阅读全文
posted @ 2016-07-01 07:45 蓝色幻想728 阅读(135) 评论(0) 推荐(1) 编辑

2016年6月26日

摘要: 看CSS3妙味课堂中有一课是介绍如何做钟表界面,然后三根针都能随着时间转动,然后自己在那个简易的版本上做了一些进一部改进。 <style id="css"> ul{ margin: 0;padding: 0; list-style: none; } #cover{ width: 400px; hei 阅读全文
posted @ 2016-06-26 13:58 蓝色幻想728 阅读(334) 评论(0) 推荐(0) 编辑

摘要: 之前看到智能社主页的那个骰子样式的钟表,最近研究了一下,虽然没有仔细看他是怎么做的,但是学了css3的动画之后想自己尝试着写一下,用到的原理可能和智能社网站的不太一样,我自己主要用到了css3和js。 var t = new Date(); //获取当前时间 var t_d = t.getTime( 阅读全文
posted @ 2016-06-26 09:49 蓝色幻想728 阅读(383) 评论(0) 推荐(0) 编辑

摘要: 这个是3D旋转的进阶版,是一个类似与骰子的正方体。这个版本只有秒数的个位数,还没有写整个钟表,下面那个版本好好想想该怎么写 <style> #wrap{ margin: 70px auto; width: 100px; height: 100px; padding: 100px; perspecti 阅读全文
posted @ 2016-06-26 09:30 蓝色幻想728 阅读(230) 评论(0) 推荐(0) 编辑

摘要: 最近学了妙味的css3的动画,2D,3D的都有,先写一个最简单的3d翻转效果,鼠标移入div,正反面翻转效果。 注意点有: <style> #box{ margin: 70px auto; width: 300px; height: 200px; //父级要加宽高,否则旋转基点会很离谱 transf 阅读全文
posted @ 2016-06-26 09:29 蓝色幻想728 阅读(136) 评论(0) 推荐(0) 编辑

2016年6月15日

摘要: 鼠标滚轮的写法要注意以下几个知识点: ie,chrome下有onmousewheel事件,而ff是DOMMouseScroll事件,而且只能通过addEventListener来添加,而同时为了兼顾ie9下面所以在事件添加的时候就要做判断为了判断是向上还是向下滚动,ie和chrome下是通过even 阅读全文
posted @ 2016-06-15 11:02 蓝色幻想728 阅读(417) 评论(0) 推荐(0) 编辑

2016年5月24日

摘要: 首先要说一下,transition属性ie9是不支持的,从ie10才开始支持 例子是当鼠标移上div后,它会旋转180度。 要点: 用圆角制作圆形盒子,border-radius设置成50%; 用box-shadow来制作内填充填满的效果,box-shadow有6个参数 水平阴影宽度(px); 垂直 阅读全文
posted @ 2016-05-24 05:35 蓝色幻想728 阅读(198) 评论(0) 推荐(0) 编辑

2016年5月23日

摘要: 自开了博客园已经有2周了吧,虽然转载了一些觉得比较有用的文章之外还没有开始写自己的一些学习记录,那就从今天开始。 目前看了妙味的不少视频,有css+html,js的基础和中级也都看完了,作业也都做了,css3的部分也看过了,但是觉得讲得不太好,全部都是点到为止。无意中找到了传智播客的视频讲了一些cs 阅读全文
posted @ 2016-05-23 23:15 蓝色幻想728 阅读(612) 评论(0) 推荐(0) 编辑

2016年5月17日

摘要: 这篇主要写了一下几个知识点: 感谢你们的无私分享以及钻研的精神。 浮动最早是用来实现文字环绕图片用的,而不是像现在很多地方用来砌砖头用。 inline-block 的元素 具有block元素可以设置宽高的特性; 具有 inline 元素默认不换行的特性; 可以设置 vertical-align 属性 阅读全文
posted @ 2016-05-17 23:28 蓝色幻想728 阅读(509) 评论(0) 推荐(0) 编辑

2016年5月15日

摘要: 在网上看了很多文章,自己也总结了一下,虽说是自己写的,但是还是要列出我参考过的那些文章的地址,感谢你们的分享! http://blog.gejiawen.com/2015/03/13/css-layout-horizontal-and-vertical-for-elements/ http://ww 阅读全文
posted @ 2016-05-15 08:07 蓝色幻想728 阅读(200) 评论(0) 推荐(0) 编辑

2016年5月14日

摘要: BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe 阅读全文
posted @ 2016-05-14 05:48 蓝色幻想728 阅读(210) 评论(0) 推荐(0) 编辑

摘要: 这篇文章发布于 2015年02月12日,星期四,23:36,归类于 css相关。 阅读 30873 次, 今日 63 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4 阅读全文
posted @ 2016-05-14 05:45 蓝色幻想728 阅读(356) 评论(0) 推荐(0) 编辑

2016年5月13日

摘要: css学习专题-BFC 转自:原文链接:css学习专题-BFC文章目录 css学习专题-BFC 转自:原文链接:css学习专题-BFC文章目录 转自:原文链接:css学习专题-BFC文章目录 BFC:Block Formatting Context. BFC就是一种布局方式,在这种布局方式下,盒子们 阅读全文
posted @ 2016-05-13 23:50 蓝色幻想728 阅读(127) 评论(0) 推荐(0) 编辑

摘要: 转自穆乙 http://www.cnblogs.com/pigtail/ 一、BFC是什么? BFC(Block Formatting Context)直译为“块级格式化范围”。 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到 阅读全文
posted @ 2016-05-13 23:41 蓝色幻想728 阅读(133) 评论(0) 推荐(0) 编辑

摘要: 文章转自:CSS z-index 属性的使用方法和层级树的概念,另外加了一点自己的注释 CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z- 阅读全文
posted @ 2016-05-13 23:07 蓝色幻想728 阅读(1347) 评论(0) 推荐(0) 编辑