注意事项

来源：互联网发布：上海用友软件编辑：程序博客网时间：2024/04/20 05:36

1、自适应问题

当用x%进行自适应匹配的时候必须要求父元素有知道宽高度，否则其宽高度只能由内容撑开；

body的父级元素为html，在通过百分百设置自适应的时候html的宽高度可直接用百分百设定，而其他必须要求其父级元素有宽高度

例如：在css开始前就声明html和body的宽高度，html,body{width:100%;height:100%;} 这时body的宽高度父级元素为html

2、块级元素、行内元素、行间块级元素

行内元素：a span img i em b 不能设置宽高度 display:inline;而且其上下左右边距不起作用。浮动后的元素都支持指定宽高度。
块级元素：可以设置宽高度的盒子模型 display:block;
占一行下面的内容换行显示
行间块级元素：display:inline-block;可以设置宽高度的行内元素

3、几个块有相同的样式的时候可以通过同一个类层叠样式

例如：

<!doctype html><!--声明当前文档为html文档--><html lang="en"><!--语言为英语--><head><!--头部--><meta charset="UTF-8"><!--字符编码：utf-8国际编码  gb2312中文编码--><meta name="Keywords" content="关键词"><meta name="Description" content="描述"><title>float</title><style>*{margin:0px;}.f{width:400px;height:300px;}.f1{background:red;}.f2{background:blue;}.f3{background:#000;}</style></head><body><!--身体--><div class="f1 f"></div><div class="f f2"></div><div class="f f3"></div></body></html>

4、图片都有一个对齐bug（会增加一个边距），要给img加上一个（vertical-align:middle;）可消除

5、改变this指向

1）、当一个函数自执行的时候，this指向的是window，当需要改变这个指向的时候，让函数call执行即可。call函数执行的时候，第一个函数代表函数内部的this指向，传递的第二个参数对应函数的第一个参数，以此类推。详情见 15、JS回调函数与call函数

2)、在函数执行前面加上new：1.函数内部自然会产生一个对象，this指向这个对象 2.函数默认返回产生的这个对象详情见js的38面向对象

0 0