摘要：
一篇关于css属性background的讲解：CSS背景属性Background详解下面进阶没看懂，暂存一下。 阅读全文
摘要：
要求：1.使用2个div完成2.使用3个div完成3.使用5个div完成答案：1.使用2个div完成2个DIV(www.hemin.cn) 11. 12. 15. 16.2.使用3个div完成 10.3个DIV(www.hemin.cn) 11. 12. 16. 17. 18.3.使用5个div完成5个DIV(www.hemin.cn) 14. 15. 16. 17. 18. 19. 20. 21. 22. 阅读全文
摘要：
自定换行：div{word-wrap:break-word;word-break:normal;} 原始效果图展示：这是网站上很常见的分享卡片，但是“。。。”并没有换行，这时候，我们就需要给div的样式设置为自定义换行，也就是word-wrap:break-word; word-break:normal; 修改后效果图展示：修改后“。。。”就可以竖向显示了。《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《强制不换行：div{white-space:nowrap; }代码展示： ... 阅读全文
摘要：
相同点：1.它们的返回值都是string类型；2.它们都有两个相同的可选参数[val|fn]；3.当参数为无的时候代表获取元素的内容；当有参数的时候是代表设置元素的内容；不同点：1.html([val|fn])当参数为无的时候（即html();）,代表取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 text([val|fn])当参数为无的时候（即text();）,代表取得所有匹配元素的内容。这个方法对HTML和XML文档都有效。例一：此时html()无参数，返回第一个div,也就是div这个集合中索引为0的这一项的值；同样当此时text()无参数，返回 阅读全文
摘要：
1、style：获取元素的内联样式，内部样式和外部样式使用style是获取不到的。2、currentStyle：获取对象的css样式集合，可以弥补style的不足，但是只适用于IE。 注意：只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement 的计算后的样式，其他浏览器中不支持。 标准浏览器中使用getComputedStyle，IE9也支持getComputedStyle。3、getComputedStyle：获取对象的css样式集合，同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 参数说明: ... 阅读全文
摘要：
IE：filter:alpha(opacity=sqlN)其中 sqlN的值域为[0, 100]js:ieNode.style.filter="alpha(opacity=sqlN)"; Firefox,Chrome和Safari：opacity:sqlN其中sqlN的值域为[0, 1]js:firefoxNode.style.opacity=sqlN; 测试代码如下：<HTML><HEAD> <style type="text/css"> .ieCss { display:-moz-inline-box; displ 阅读全文
摘要：
如果父div的position定义为relative或者absolute,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的。区别在于： 1、style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。 2、style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。 3、style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html... 阅读全文
摘要：
setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。 语法: setTimeout(code,millisec) 参数： code （必需）：要调用的函数后要执行的 JavaScript 代码串。 millisec（必需）：在执行代码前需等待的毫秒数。 提示： setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。两种调用函数的写法：function page_list(){ alert("shi... 阅读全文
摘要：
position有下面属性值：static: 不使用定位（默认值）fixed：特殊的绝对定位absolute: 使用绝对定位relative: 使用相对定位示例图：绝对定位：绝对定位可以直接定位到所需要的坐标位置，所以在布局的时候会很容易，但是无法处理带有页脚的页面布局，因为我们无法确定中间的中文内容，所以无法精确的将页脚定义到中间正文的下面。绝对定位以浏览器的原始起点为依据，如果浏览器没有设置，则参照父级起点定位。当div2的position设置为absolute后，其到底以谁为对象进行偏移呢？这里分为两种情况：（1）当div2的父对象(或曾祖父，只要是父级对象)parent也设置了posi 阅读全文
摘要：
padding和margin的区别。padding：内边距；margin：外边距；图示：padding的改变会改变整个层的大小，而margin不会。关于margin的一个小实例：如果两个Div都设置了margin的值，那他们之间的距离如何变化呢？是两个margin相加？想减？其实是依据margin值大的那个值为两者之间的距离。下面图例中，红色层的margin是16px;绿色层的margin是30px，经测试他们之间的margin是30px；这次换成红色层的margin是16px;绿色层的margin是10px，经测试他们之间的margin是16px； 阅读全文