07 2015 档案

css技巧——垂直居中
摘要：1、父元素确定的单行垂直居中通过设置父元素的height和line-height高度一致来实现的。2、父元素确定的多行垂直居中父元素高度确定的多行文本、图片、块状元素的竖直居中的方法有两种：2.1、vertical-aligh方法：使用插入 table (包括tbody、tr、td)标签，同时设置 ... 阅读全文
posted @ 2015-07-24 16:59 MadamMichael 阅读(208) 评论(0) 推荐(0)
不定宽度元素居中
摘要：1、table方法第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包括 、、)。第二步：为这个 table 设置“左右 margin 居中”（这个和定宽块状元素的方法一样）。2、display:inline方法改变块级元素的 dispaly 为 inline 类型，然后使用 tex... 阅读全文
posted @ 2015-07-24 16:14 MadamMichael 阅读(217) 评论(0) 推荐(0)
块级元素及内联元素对margin、padding的态度
摘要：1、块级元素 margin:跟标准一样，设置该块级元素边框与同级兄弟元素或者父元素的距离，俗称外边距。 padding：先延伸边框（也就是优先改变元素尺寸而不动元素中内容的位置），当边框碰到父元素的边界时，才向相反方向延伸，这时会改变该元素中内容的位置 padding演示： 原样ht... 阅读全文
posted @ 2015-07-24 11:35 MadamMichael 阅读(529) 评论(0) 推荐(0)
在window.onload中使用setTimeout
摘要：window.onload = function(){ function n(i){ alert(1); } setTimeout('n(1)',2000); } 以上代码会报错：n() is not defined。 原因：unction n(){}被定义在了window.onloa... 阅读全文
posted @ 2015-07-23 11:19 MadamMichael 阅读(790) 评论(0) 推荐(0)
css字体大小单位
摘要：1：px：这个应该是国内使用较多的单位，意思为像素。因此，其视觉的呈现效果是与分辨率相关的。例如在1024*768分辨率下看12px的字体就比960*640下看到的“小”，其实字体像素未改变，所以觉得在高分辨率下要小，在低分辨率下要大。默认浏览器采用16px的呈现方式。如果设置字体单位为 %，例如：... 阅读全文
posted @ 2015-07-21 16:11 MadamMichael 阅读(403) 评论(0) 推荐(0)
《js高级程序设计》6.1.1-6.1.3——数据属性、访问器属性
摘要：数据属性：该属性包含了一个数据值的位置，它包含了4个描述行为的特性：1. [[Configurable]]：表示是否能通过delete删除属性从而重新定义属性，能否修改属性的特性，能否把属性修改为访问器属性。2. [[Enumerable]]：表示能否用for-in循环返回。3. [[writabl... 阅读全文
posted @ 2015-07-21 12:09 MadamMichael 阅读(180) 评论(0) 推荐(0)
三栏布局的三种方法（左右两栏固定宽度）
摘要：1、绝对定位 html,body{margin:0; height:100%;}#left,#right{position:absolute; top:0; width:200px; height:100%;}#left{left:0; background:#a0b3d6... 阅读全文
posted @ 2015-07-17 15:05 MadamMichael 阅读(609) 评论(0) 推荐(0)
css技巧：清除浮动
摘要：1、常用方法——overflow给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom:1。不过不能和position配合使用，因为超出的尺寸的会被隐藏。overfl... 阅读全文
posted @ 2015-07-15 13:19 MadamMichael 阅读(196) 评论(0) 推荐(0)
setTimeout传参数
摘要：由function show(){ alert("Hello World"); } setTimeout(show,1000); 改成function show(){ alert("Hello World"); } setTimeout(show()... 阅读全文
posted @ 2015-07-14 10:09 MadamMichael 阅读(185) 评论(0) 推荐(0)
多行文本溢出省略号显示
摘要：1、单行文本溢出 p { overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }2、多行文本溢出——单纯只用css方法只有用非标准样式且只兼容w... 阅读全文
posted @ 2015-07-12 21:24 MadamMichael 阅读(155) 评论(0) 推荐(0)
面试总结
摘要：1、两栏布局——绝对定位法：若左栏高度超过右栏，则包裹层container无法撑开 左栏固定宽度，右栏自适应之绝对定位法 左栏 右栏 float浮动方法：外包裹层不会因为左栏height > 右栏height而不能 ... 阅读全文
posted @ 2015-07-10 19:50 MadamMichael 阅读(148) 评论(0) 推荐(0)
补充：css制作三角
摘要：梯形图案看下面这段样式：.test{width:10px; height:10px; border:10px solid; border-color:#ff3300 #0000ff #339966 #00ff00;}当某个div应用了上面这个样式后，结果会如何？见下图（截自Firefox3.5，IE... 阅读全文
posted @ 2015-07-09 11:22 MadamMichael 阅读(159) 评论(0) 推荐(0)
pageX,clientX,offsetX,layerX的区别
摘要：一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移... 阅读全文
posted @ 2015-07-08 17:53 MadamMichael 阅读(228) 评论(0) 推荐(0)