web前端开发中常遇到的问题

电玩女神 2022-07-12 13:46 181阅读 0赞

## 1、css问题 ##

(1)margin-top和margin-bottom不能正常显示：  
父盒子中的子盒子使用margin-top不管用，需要在子盒子上加  
\{height:0;overflow:hidden\}  
(2)父盒子没有设置高度，子盒子都都设置了浮动，此时需要清除浮动  
方法一:再加一  
个子元素，其css设置clear:left|right|both；  
方法二：给父元素设置：  
.clearfix::after\{  
content:”,  
height:0;  
line-height:0;  
clear:both;  
display:block;  
visibility:hidden;  
\}  
.clearfix\{zoom:1;\}  
(3)几个隐藏的占位问题  
overflow:hidden;元素隐藏，超出部分占i原来位置；  
display:none;元素隐藏，元素占原来位置;  
visibility:hidden;元素隐藏，但是占用原来位置；  
visibility:visible;  
(4)opacity设置半透明效果  
opacity:0.5;  
filter:alpha(opacity=50);//兼容IE  
(5)类名定义问题：  
类名不能以数字开头或者以纯数字开头定义类名;  
类名不推荐(不允许)使用汉字定义类名；  
不能以特殊符号或者以特殊符号开头定义类名(\_除外)；  
不要使用标签名定义类名  
(6)设置font-family:”“;要用”“括起来。可以一次设置多个字体，字体与字体之间使用逗号隔开。  
防止某些浏览器不识别某些字体，会按设置的字体顺序查找，找到能显示的字体。  
(7)font属性连写中，必须有font-size和font-family  
(8)vertical-align:baseline/top/middle/bottom;  
只适用于图片和表格  
(9)只有定位的元素才能设置z-index值  
……还有很多，暂时想不起来了。

## 2、html问题 ##

(1)标签嵌套的顺序要正确，典型错误：a中不能嵌套p  
(2)设置超链接:  
href:用于指定连接目标的url地址；  
target:\_self和\_blank（新窗口中打开）  
设置整个页面中超链接的打开方式  
(3)ul标签type值:disc(黑点)，square(方黑点),circle(空心圆)  
(4)ol标签的type属性，type=a,编号使用英文字母；type=1,使用数字编码;type=I,使用阿拉伯数字编码  
(5)如果a标签不闭合，会多出很多a标签

## 3、DOM ##

(1)node.style.cssText=’width:200px;…’会覆盖掉之前设置的属性相同的样式。