html技巧总结
2013-11-23 13:04
351 查看
1.兼容性调试:
(只有ie6识别_,只有ie6不识别!important,只有ie系列浏览器识别*,所以通常把兼容性最强的火狐,谷歌等放到最上面)
ie6:_margin:100px;
ie6、7、8:*margin:100px;
覆盖性,后覆盖前,所以ie6的时候要写在最底下,例如(ie6条件下):margin:100px;_margin:11px;/*margin最后是11px*/
_margin:11px;margin:100px;/*最后是100px*/
2.放到网上会首先检索:index.html文件,所以这个文件是开始页面,不能随便命名。
3.ie6-10的问题:通常不设置margin,会默认有间距,a img{ margin:0};解决a包含的img标签的空隙。
4.块级比较多时,每个块级用注释,
(1)会提高后期修改效率。
(2)这样做不会因为多删除东西,导致整个页面崩溃
5.外部链接:提到外部只会提高效率,避免先做完,最后抽取。
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="hd_help.js"></script>
6.关于注释,没用的代码拷贝出来,尽少的注释,注释过多只会更混淆。
7.学会了热点:<map><area>,并且可以对热点进行点击,写事件,js控制属性。
8.切图要精确到一个像素,不然有可能导致整个页面变形。学到的ps技巧:
(1)切单个图标的方法是用ps中的,选框工具(就是那个矩形),然后ctrl+x
(2)组合键ctrl和1是把图片放大到100%,ctrl和+是放大图片,ctrl和-是缩小图片。
(3)切片工具的使用:
第一步,首先,视图->显示额外内容,能在切图的时候,看到额外信息,比如是否是对齐了各个切图。
第二步:选好了切块后,选择文件->存储为web和设备所用格式100%->预设选择png->存储->保存。然后就切好了png图像。
9.js的使用,用传参的方式,可以少写很多代码,特别是传递自身的时候,this的妙用,如果传递了this,js中调用元素直接可以用this.style.xx="";如果传递的是一个元素的ID,在获取元素的时候,就得用到:document.getelementbyid(ID);
10.html4和5的区别,W3C组织新定义的渲染效果和功能,最重要的表现形式就是表头不同。
11.灰色的值是rgb三色相等,但是不能为0或者全f,区别只是灰色程度不同。
12.测试ie兼容性工具:IETester
ie6 | ie7/8 | firefox | |
* | √ | √ | × |
!important | × | √ | √ |
_ | √ | × | × |
ie6:_margin:100px;
ie6、7、8:*margin:100px;
覆盖性,后覆盖前,所以ie6的时候要写在最底下,例如(ie6条件下):margin:100px;_margin:11px;/*margin最后是11px*/
_margin:11px;margin:100px;/*最后是100px*/
2.放到网上会首先检索:index.html文件,所以这个文件是开始页面,不能随便命名。
3.ie6-10的问题:通常不设置margin,会默认有间距,a img{ margin:0};解决a包含的img标签的空隙。
4.块级比较多时,每个块级用注释,
(1)会提高后期修改效率。
(2)这样做不会因为多删除东西,导致整个页面崩溃
5.外部链接:提到外部只会提高效率,避免先做完,最后抽取。
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="hd_help.js"></script>
6.关于注释,没用的代码拷贝出来,尽少的注释,注释过多只会更混淆。
7.学会了热点:<map><area>,并且可以对热点进行点击,写事件,js控制属性。
8.切图要精确到一个像素,不然有可能导致整个页面变形。学到的ps技巧:
(1)切单个图标的方法是用ps中的,选框工具(就是那个矩形),然后ctrl+x
(2)组合键ctrl和1是把图片放大到100%,ctrl和+是放大图片,ctrl和-是缩小图片。
(3)切片工具的使用:
第一步,首先,视图->显示额外内容,能在切图的时候,看到额外信息,比如是否是对齐了各个切图。
第二步:选好了切块后,选择文件->存储为web和设备所用格式100%->预设选择png->存储->保存。然后就切好了png图像。
9.js的使用,用传参的方式,可以少写很多代码,特别是传递自身的时候,this的妙用,如果传递了this,js中调用元素直接可以用this.style.xx="";如果传递的是一个元素的ID,在获取元素的时候,就得用到:document.getelementbyid(ID);
10.html4和5的区别,W3C组织新定义的渲染效果和功能,最重要的表现形式就是表头不同。
11.灰色的值是rgb三色相等,但是不能为0或者全f,区别只是灰色程度不同。
12.测试ie兼容性工具:IETester
相关文章推荐
- 个人学习第一阶段——关于html和css的技巧及问题总结(一)
- Swing技巧总结,ps:推荐java2html
- html技巧总结
- HTML技巧总结
- 总结项目开发中用到的一些css\html技巧
- psd页面切割成html技巧总结
- HTML与CSS布局技巧总结
- HTML与CSS布局技巧总结
- Web前端学习第十二天·fighting_HTML页面设计技巧总结(一)
- Web前端学习第十三天·fighting_HTML页面设计技巧总结(二)
- 基于ajax html实现文件上传技巧总结
- 分享总结10天来学习HTML DIV+CSS标准网页布局一些技巧
- HTML与CSS布局技巧总结
- HTML与CSS布局技巧总结
- VC 常用技巧总结 - 108条(转http://www.cctry.com/thread-258-1-1.html)
- 对WebService的一些封装技巧总结(http://www.cnblogs.com/sxwgf/archive/2011/07/10/something-about-webservice.html
- HTML技巧总结
- psd页面切割成html技巧总结
- ASP.NET MVC 使用总结(二)——扩展HtmlHelper实现动态生成title及meta
- 疯狂Html+CSS+JS 中CSS总结