Css控件开发
- 4. 贿赂HTML5+CSS3——使用HTML 4.01 Strict Doctype
- 5. 使用约定ID名称
- 7. 必须的属性必要的标记
- 10. 何时使用DIV可否包含其他控件？是否块级？DIV行内控件？一般使用SPAN 行内又有鼠标悬停效果？使用A何时使用P 只有文本（含链接）的文字区块 避免使用br标记，使用p标记代替何时使用UL LI，DL DD 一系列文字说明、数据，使用ul li 有序列表用ol li； 解释、定义列表用dl标记。 约定第一个按需添加class="first"，或最后一列添加class="last"选择标记TagTAG
- 15. <a>链接问题请注意:A:hover{}A{}* 全局只设a,a:hover{}* 请给a标记加上href属性* 怪异的虚线框,IE6 hidefocus=“true”，其他 outline:none;
- 17. CSS Sprites背景问题CSS Sprites设置一系统图标样式，请将 background-position设置为默认没有背景，如background-position:999em 999em;
- 18. Font 字体问题* Arial最好不要用；IE6很多对不齐；* Tahoma也有问题，例如中英数混合的高度和中英混合的高度不一样。* 实在对不齐，视觉要么让让咱前端，要么宋体吧；* 避免空格对样式的影响；* 公共控件最好指定行高，避免从它老爸那遗传
- 19. Pos&Align定位及对齐问题* 避开绝对定位的节点出现在设置有margin-top的节点前。IE有bug* 清除父节点的浮动；* 子节点绝对定位，父节点相对定位，请注意left;* 子节点绝对定位，父节点相对定位，请注意父节点奇数宽高；* 绝对定位浮层， IE6下<select>会偷窥(穿透)；* 控件里子节点vertical-align注意父亲遗传；* 垂直居中使用line-height、padding(兼容性好)* 使用zoom:1; | overflow:hidden;解决父容器适应高度
- 20. 表格问题 Table* IE、Firefox表格折线问题：*border-collapse:collapse; 圆角图片表头不设置边线，FF下表主体设置border会超出1px，IE正常。border-spacing:0;* 表格单列字符长度不确定，最好不设置宽度，IE下会自动换行；* 记得把不许换行的格子加上 white-space:nowrap; 字数多了，要强制换行加上 word-break:break-all;word-wrap:break-all?不要迷恋我，我只是用来显示数据的；哼，要你们抛弃我，我可是兼容性最好的东东
- 21. <li>列表问题* li里使用a标记，隔行产生空行问题:li a 样式中加入zoom:1 或 li a 样式中加入width:100%* 增加li的浮动，宽度设为width:100%;* dd也一样哦^^* 以上都是IE6的变态问题
- 23. HTML里做不到绝对UTF-8，我们就在静态文件里找安慰吧 UTF-8 charset=“utf-8” | @charset “utf-8”;* /* */ 注释*号之间要有空格* 使用UTF-8编码无BOM格式，避免乱码；* 不能换行的节点，请注意加上 white-space:nowrap;* 避免错误的标记嵌套；避免错误的标记关闭；
- 25. IE避免IE CSS bug* 兼容min-height最好使用扩展样式，即当满足条件时加多一个className，让后台程序来完成；* 避免float:left;后紧跟display:inline-block的节点，IE6有3px bug哦。* 避免IE浮动双边距，_display:inline;* IE6 DD标记容易出现3px问题。* input->type:button加上overflow:visible;可以消除左右边距；* 注释不要放置于2个浮动的区块之间，IE6内容重复；可加position:relative解决；* 避免iframe里表格边线突然消失bug;* <input /> 最好不要套在<label>里面,IE6虚线框难看啊….
- 27. 保留文件* 保留控件HTMLdemo* 使用场景归类，线上URL* 测试用例(数据测试模拟) 用各种数据进行测试，长的短的* 控件CSS注释添加example/* @name:popmenu @desc:下拉菜单 @example:<div class=“popmenu”>…</div>*/
- 29. FAQ感谢大家围观
Editor's Notes
- #2: 此 演示文稿演示 PowerPoint 的新功能，最好在“幻灯片放映”中查看。设计这些幻灯片，是为了让您在 PowerPoint 2010 中制作演示文稿时获得一些启发!有关其他示例模板，请单击“文件”选项卡，然后在“新建”选项卡上，单击“示例模板”。