摘要：
如果不清除浮动，老三会跟在老二屁股后面<p >这个是第1列，</p> <p >这个是第2列，</p> <p >这个是列的下面。</p> float和absolute会让元素以inline-block方式显示，再显示地设置display为inline或block也无效。所以可以定义元素尺寸。 阅读全文
posted @ 2012-03-10 10:30
xngeer
阅读(127)
评论(0)
推荐(0)
摘要：
float:left;margin:5px; /*IE6下会理解为10px*/display:inline;/*让它理解为5px*/ 阅读全文
posted @ 2012-03-10 10:30
xngeer
阅读(283)
评论(0)
推荐(0)
摘要：
上游：交互设计师、视觉设计师中游：前端开发工程师下游：服务器端工程师1. 欲精一行，先通十行。尤其是做前端的2. 增加代码可读性----注释，别让自己都看不懂自己的代码3. 提高重用性----公共组件和私有组件的维护，要搞清楚 公共组件：让接口保持弹性，高度模块化； 公共组件的加载粒度：jQuery选择了“集中”，YUI选择了“分散”。 按需加载才是主流，多感受下YUI，import4. 前期的构思：规范、文档、公共组件、复杂功能的设计方案5. 自己能独立决策的问题都是小问题，要与人合作商讨的问题才可能会是最大的问题，要学会有效地交流。Web前端工程师技能列表：http://www.awfla 阅读全文
posted @ 2012-03-10 10:29
xngeer
阅读(226)
评论(0)
推荐(0)
摘要：
1. 传统的布局方式是在DW中拖拽表格来布局，自动生成的代码量非常庞大；2. table布局的缺点： a. 代码量大，结构混乱； b. 标签语义不明确，对搜索引擎不友好。3. 在HTML，CSS，JS三大元素中，HTML才是最重要的，结构才是重点。 先确定HTML，确定语义的标签，再来选用合适的CSS4. 先HTML，后CSS。可以在CSS裸体日仍然保持良好的层次感；5. 搜索引擎对<h>比较敏感，一个语义良好的页面，h标签应该是完整有序没有断层的；6. 标签语言调试工具：Web Developer，Firefox插件7. 表单域要用fieldset标签包起来，并用legend标签 阅读全文
posted @ 2012-03-10 10:27
xngeer
阅读(195)
评论(0)
推荐(0)
摘要：
textarea{ resize:none; width:200px; height:100px; max-height:100px; max-width:200px; overflow:auto; /*使不显示滚动条*/} 阅读全文
posted @ 2012-03-10 10:27
xngeer
阅读(835)
评论(0)
推荐(0)
摘要：
love hate原则：link visited hover active 阅读全文
posted @ 2012-03-10 10:26
xngeer
阅读(219)
评论(0)
推荐(0)
摘要：
相邻的margin-left和margin-right不会重合，但margin-top和margin-bottom会重合。最好不要混用margin-top和margin-bottom，统一用其中一种，就像为<td>设边框。 阅读全文
posted @ 2012-03-10 10:26
xngeer
阅读(159)
评论(0)
推荐(0)
摘要：
hasLayout是IE为解析盒模型而设计的一个专有属性，它的设计初衷是用于块级元素的，如果触发行内元素的hasLayout，就会让行内元素拥有一些块级元素的特性。display:inline-block 有width,height,margin,padding 却不独占一行，很好但IE6，7不支持inline-block，inline-block只能触发IE6，7下行内元素的hasLayout即：IE6，7下，设置inline-block的块级元素：白设行内元素：可设width,height... 效果同zoom:1例：abcde<span>12345</span> 阅读全文
posted @ 2012-03-10 10:25
xngeer
阅读(214)
评论(0)
推荐(0)
摘要：
1. 怪异模式的触发与DTD有关。Document Type Definition。DTD包含元素的定义规则、元素间关系的定义规则、元素可使用的属性、可使用的实体或符号规则。2. 推荐的CSS组织方式：base+common+page base:css reset用YUI的CSS Reset+通用原子类 基石 common:组件级CSS类，网站中高度重用的模块 网站级 page:通用base和common解决的，就不要用page页面级3. 重用即为模块，取最大公约数。 模块应在保证数量尽可能少的原则下，做到尽可能简单，以提高重用性。4. 推荐CSS类命名法：驼峰命名法用于区别不同单词，... 阅读全文
posted @ 2012-03-10 10:24
xngeer
阅读(245)
评论(0)
推荐(0)
摘要：
1. z-index为负，可以创造一些特殊的效果，但是无法监听鼠标事件，因为被z-index:0的body盖住了2. 如果多个元素的z-index相同，长江后浪盖前浪3. relative 或 absolute激活z-index可使元素重叠；设置负边距不激活z-index也可使元素重叠。问题1：Flash嵌入网页，不管如何设置z-index，都会浮于其它元素之上。 原因：浏览器解析页面时，窗口类型的元素显示在页面最顶端 <embed wmode="" <param name="wmode" value="" wmode属性 阅读全文
posted @ 2012-03-10 10:23
xngeer
阅读(327)
评论(0)
推荐(0)
摘要：
水平居中： 1. 行内元素：父元素text-align:center; 2. 确定宽度的块级元素：margin-left/right:auto; 3. 不确定宽度的块级元素： a. 放在table的td里，table不是块级，但margin-left/right对它有效，table的宽度由它的内容决定。 缺点：增加无语义标签，加深标签的嵌套次数。 b. 将块级元素转化成inline，父元素taCenter 缺点：不能设定长宽 c. 父元素： float:left; position:relative; left:50%; 子元素： posit... 阅读全文
posted @ 2012-03-10 10:22
xngeer
阅读(208)
评论(1)
推荐(0)
摘要：
IE6不支持png透明背景解决方式：给window.onload添加以下两个函数：function correctPNG(){ for(var i=0;i<document.images.length;i++){ var img=document.images[i]; var imgName=img.src.toUpperCase(); if(imgName.substring(imgName.length-3,imgName.length)=="PNG"){ var imgID=(img.id)?"id='"+img.id+"& 阅读全文
posted @ 2012-03-10 10:22
xngeer
阅读(300)
评论(0)
推荐(0)
摘要：
输入：className：类名；root：父节点，在此节点下查找，string/node； tagName：找某一类标签function getElementsByClassName(className,root,tagName){ if(root){ root=typeof root=="string"?document.getElementById(root):root; }else{ root=document.body; } tagName=tagName||"*"; var els=root.getElementsByTagName(tagNa 阅读全文
posted @ 2012-03-10 10:21
xngeer
阅读(279)
评论(0)
推荐(0)
摘要：
input按钮可以绑定onpropertychange和onchange事件来解决这个问题。比如var input_text=document.getElementById("input_text");input_text.onchange=function(){/*执行函数*/};input_text.onpropertychange=input_text.onchange;实践证明，上述办法不能解决问题：onchange事件是在键盘输入，失去焦点时候如果值改变就触发该事件（ie和火狐效果一样），用js赋值时不会触发onpropertychange只要值改变都会触发，无论 阅读全文
posted @ 2012-03-10 10:20
xngeer
阅读(1285)
评论(0)
推荐(0)
摘要：
通常情况下，td内无内容时没有边线（但也有时有，还未深究）解决方法： 给table加个border-collapse:collapse; 给td加个empty-cells:show; 阅读全文
posted @ 2012-03-10 10:20
xngeer
阅读(525)
评论(0)
推荐(0)
浙公网安备 33010602011771号