2012年11月12日
DOM中的scrollWidth(Height/Left/Top)，offsetWidth(Height/Left/Top)以及clientWidth(Height/Left/Top)
摘要： （1）测试代码如下：<style type="text/css"> *{ margin: 0; padding: 0; } #myDiv{ width: 100px; padding: 5px; height: 100px; border: #000 5px solid; margin: 100px; overflow:scroll; }</style></head> <body> <div id="myDiv"> <p>content content... 阅读全文
posted @ 2012-11-12 17:40 游不停的鱼 阅读(283) 评论(0) 推荐(0)
2012年11月1日
DOM基础之childNodes()
摘要： 首先观察下面的代码：<div id="myDiv"> <div >1</div> <div >2</div> <div >3</div></div><script type="text/javascript">var myDiv=document.getElementById('myDiv');var divs=myDiv.getElementsByTagName('div');divs[2].style.displ 阅读全文
posted @ 2012-11-01 00:28 游不停的鱼 阅读(1226) 评论(0) 推荐(0)
2012年10月28日
js基础之"++"操作符 以及 Dom方法appendChild()
摘要： 前几天看一个腾讯轮显demo的源码，学到了很多基础知识，现摘取其中的一段代码，来说明一下js常见"i++"和"++i"的用法区别 以及 appendChild()方法。该demo用js”类“（构造函数）来实图片滑动的时候，对图片的序列按钮进行动态生成并插入到html文档。代码如下：<ul id="idNum"> </ul><script type="text/javascript">var $ = function (id) {return "string" 阅读全文
posted @ 2012-10-28 02:32 游不停的鱼 阅读(352) 评论(0) 推荐(0)
2012年10月18日
关于css清除浮动的补充
摘要： 之前写过关于清除浮动的一些方法介绍---（http://www.cnblogs.com/qiwenke/archive/2012/10/07/2714434.html），最近在学习的过程中又翻阅到了不少好的文章---（如http://www.iyunlu.com/view/css-xhtml/55.html）----因此重头审视之前写的文章的时候，发现漏洞百出。特此加上一篇简单的补充作为自己的学习笔记：一、仍然以原来代码为例（如下）：<div class="container"> <div class="block1">子元素1& 阅读全文
posted @ 2012-10-18 02:01 游不停的鱼 阅读(229) 评论(0) 推荐(0)
2012年10月9日
css结构和重叠之选择器的特殊性
摘要： 在使用css对html文档声明样式的时候，一般情况（即不考虑用户进行样式设置，只考虑开发者和用户代理-浏览器-）下，页面样式最终的体现是开发者所写的样式和浏览器默认样式的最终合作结果。实际上，从比较浅的层次来讲的话，用户代理的样式无需考虑在内，一是因为用户代理的样式一般是display之类的基本样式，而并非网页中最具有展现意义的color、float等样式；二则是因为用户代理的样式与开发者的样式相比较，总是后者优先。因此，在基本的hml文档中样式的处理上（常规情况下），把页面内嵌，内联和外链的样式搞清楚基本上就可以比较好的展示网页了。在这种常规情况下，对于css样式的声明，就会有一个问题，即选 阅读全文
posted @ 2012-10-09 22:43 游不停的鱼 阅读(240) 评论(0) 推荐(0)
js之如何获取css样式
摘要： 一、html文档的样式按来源不同可分为三种形式：（1）外部样式。即文档应用的样式来源于外部的样式表，样式表写好后，用"<link href="***.css"/>"引入到网页中。（2）内嵌式。即样式直接放在网页中，但必须用<style>……</style>标签对进行包含。并最终放置在head标签对之中，相对与外部引入样式表而言，可以看做是一种更直接的引入。（3）内联式。即样式直接以style属性写在相应的html标签中，如<div style="width:100px;height:100px;……&q 阅读全文
posted @ 2012-10-09 01:59 游不停的鱼 阅读(3694) 评论(0) 推荐(0)
2012年10月8日
li的line-height样式
摘要： html文档中常常使用ul>li列表来展示新闻列表，如下所示：<style type="text/css">*{ margin: 0;padding: 0;}a{ text-decoration: none;color: #fff;}li{ list-style: none; background: green; margin-bottom: 20px; line-height: 40px;}</style><body> <ul> <li><a href="">文章标题< 阅读全文
posted @ 2012-10-08 22:47 游不停的鱼 阅读(329) 评论(0) 推荐(0)
IE6's Bug系列之双倍margin
摘要： 在ie6中布局时，当子元素为浮动，而且具有跟浮动方向相同的margin时，第一个子元素即紧靠父元素的元素会产生该方向上双倍的margin值。如下所示：<style type="text/css">*{ margin: 0;padding: 0;}li{ list-style: none;}ul{ overflow:hidden;zoom:1;background: green;}li{ width: 98px;height: 198px;background: red;border: #000 1px solid;margin-right: 20px;float 阅读全文
posted @ 2012-10-08 21:48 游不停的鱼 阅读(117) 评论(0) 推荐(0)
2012年10月7日
IE6's Bug系列之li底部多余间距
摘要： 一、问题如下所示： 1 <style type="text/css"> 2 3 ul{ width:400px; 4 margin:100px 200px;} 5 li{ list-style:none;} 6 li a{ display:block; 7 background:#000; 8 color:#fff; 9 text-decoration:none;}10 li a:hover{ background: #990000;} 11 12 13 </style>14 15 16 17 <ul>... 阅读全文
posted @ 2012-10-07 22:28 游不停的鱼 阅读(175) 评论(0) 推荐(0)
IE6's Bug系列之position定位
摘要： 在ie6中，关于css定位样式有一个bug，具体表现为（如下所示）：ul{ width:150px; margin:100px auto; border:#000 1px solid; padding-bottom:20px;} li{ list-style:none; padding:15px; border-bottom:#000 1px solid; position:relative;} li a{ display:block; width:30px; height:30px; background... 阅读全文
posted @ 2012-10-07 22:15 游不停的鱼 阅读(178) 评论(0) 推荐(0)
下一页