摘要: 昨天切页面时,进行布局时,想改变以下方法换换口味,所以就抛弃了float方法,采用了display:inline-block方法,没想到却随之而来的带来了一个想不通的问题,那就是空白。废话不多说,上代码。inline-block的空白符 li li ... 阅读全文
posted @ 2016-01-02 17:02 myherodream 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 笔记链接:http://www.w3cfuns.com/blog-5445898-5398950.htmlCSS命名规范CSS样式命名整理页面结构容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:s... 阅读全文
posted @ 2016-01-01 18:19 myherodream 阅读(1347) 评论(0) 推荐(0) 编辑
摘要: 无标题文档 demo1 demo1 demo2 demo2 阅读全文
posted @ 2015-12-29 22:07 myherodream 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 今天看到了这样一道题用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化自己感觉有好几种方法,再此总结下:一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流,后面的元素就会占据他原来的位置:无标题文档... 阅读全文
posted @ 2015-12-29 21:59 myherodream 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1、dcutype是什么,他是干嘛用的 doctype是文档的一种声明,告诉浏览器器用什么规则来解析文档。2、ul ol dl分别适用于什么地方? ul无序列表 ol有序列表 dl是定义列表,会默认前后层级关系; 我是头 我是内容 我是内容 我是头... 阅读全文
posted @ 2015-12-29 20:51 myherodream 阅读(288) 评论(0) 推荐(0) 编辑
摘要: css代码:.wrap{width:600px;margin:0auto;overflow:hidden;}.left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}.rig... 阅读全文
posted @ 2015-12-29 17:54 myherodream 阅读(2451) 评论(0) 推荐(0) 编辑
摘要: 双飞翼布局和神圣罗马布局都是适用负外边距来实现的,都有一个共同的基础。下面是其相同的代码:无标题文档 main side exta效果如下图,这是一个三列布局,main先显示,并把它放在中间位置,这是这个三列布局的最终目的,主要是“重要内容先加载”。而上图效果显然没有达到,main... 阅读全文
posted @ 2015-12-29 10:50 myherodream 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 本文主要简单的介绍一下audio 和 video两个标签的用法 兼容用法 兼容用法 阅读全文
posted @ 2015-12-20 13:33 myherodream 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 实现动画的效果有以下几种方式:gif flash css3 js 。使用js制作动画主要是通过以下几种方式进行组合: 1.形变(改变长宽高) 2.位移(移动图像位置) 3.旋转 4.改变透明度制作动画的几个方法: var timeoutId = setTimeout(func,del... 阅读全文
posted @ 2015-12-20 13:19 myherodream 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 触发DOM上的事件时会产生一个事件对象event。 event的内容:与事件有关的信息,导致事件的元素,事件的类型及其他与特定事件相关的信息。 event对象会传入到事件处理程序中。一、DOM 中的event对象的主要属性和方法 1、属性:type 被触发事件的类型 currentTar... 阅读全文
posted @ 2015-12-20 09:23 myherodream 阅读(296) 评论(0) 推荐(0) 编辑