摘要: 一般我们很容易想到就是padding-left: 像素值; 这样将文字缩进,但是这个属性会影响这个元素的宽度,会将原来设定的宽度撑大; 另一种做法就是 使用text-indent:像素值; 这样文本就会所缩进 ,我们常见的text-indent:2em; 文本缩进2个字符。这个属性不会影响元素本身的 阅读全文
posted @ 2017-05-19 20:11 星辰之夜 阅读(202) 评论(0) 推荐(0) 编辑
摘要: window.outerHeight和window.outerWidth 表示整个浏览器窗体的大小,包括任务栏等。 IE9及以上 window.innerHeight和window.innerWidth 表示获取window窗体的内部宽度,不包括用户界面元素,比如窗框,工具栏等 IE9及以上 具体兼 阅读全文
posted @ 2017-05-12 17:26 星辰之夜 阅读(909) 评论(0) 推荐(0) 编辑
摘要: 上代码,指定的canvas宽高都一样,线条的粗细都是5px 1.宽:400;高:300;直接写在<canvas>里的效果: 2、删除<canvas>里的宽高,宽:400;高:300;写在<style>里的效果: 但是从对比结果上来看,明显的线条粗细有差异。 写在style里的宽高出现的canvas它 阅读全文
posted @ 2017-05-11 16:49 星辰之夜 阅读(1273) 评论(1) 推荐(0) 编辑
摘要: ccanvas默认的宽高占位是:300*150 px 所以当你画一个普通的举行,你指定的宽高小于默认宽高的时候,通过审查元素发现周围都是空白的。 阅读全文
posted @ 2017-05-11 16:18 星辰之夜 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 我们知道,DOM里面提供了element.childNodes.length属性,childNodes 属性返回节点的子节点集合,以 NodeList 对象。 那么childNodes包含哪些节点呢? 其实它包含了DOM中所有的节点类型,我们DOM中有12种节点类型 nodeType属性返回节点类型 阅读全文
posted @ 2017-05-06 13:50 星辰之夜 阅读(815) 评论(0) 推荐(0) 编辑
摘要: 在网页设计当中,我们注重网页的行为(js)、结构(HTLM)、样式(css)分离开 内联样式表或者内部样式表声明的样式信息都会进入style对象。 我们可以测试一下: 但是我们的外部样式表,也就是通过link标签链接进来的style样式,并没有进入style这个对象里面,所以我们在取外部样式表里面对 阅读全文
posted @ 2017-05-04 12:49 星辰之夜 阅读(169) 评论(0) 推荐(0) 编辑
摘要: insertBefore的用法,以及注意事项,并且模仿编写insertAfter()方法 DOM提供的一个名为insertBefore()的方法,用来将一个新元素插入到现有的元素的前面。 使用这个方法的条件: 想插入的新元素是谁newElement,我们创建的元素 插入到谁的前面 2个元素拥有共同的 阅读全文
posted @ 2017-05-03 21:54 星辰之夜 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: 阅读全文
posted @ 2017-04-26 18:07 星辰之夜 阅读(303) 评论(0) 推荐(0) 编辑
摘要: animation做动画,是不需要去触发的,可以定义一开始就执行 transition做动画,是需要人为触发,才能执行的 阅读全文
posted @ 2017-04-26 11:17 星辰之夜 阅读(224) 评论(0) 推荐(0) 编辑
摘要: display:none; 隐藏不占位 opacity:0; fliter:alpha(opacity=0); 隐藏占位 visibility:hidden; 隐藏占位 position:absolute; left:-99999px; 阅读全文
posted @ 2017-04-26 08:47 星辰之夜 阅读(1027) 评论(0) 推荐(0) 编辑