1,HTML,CSS不区分大小写,JS区分大小写
<html>
<head>
<script type="text/javascript" >
function hello(){
alert("hello");
}
function Hello(){
alert("Hello");
}
</script>
</head>
<body>
<button onclick="hello()"> 点击</button>
</body>
</html>
这个弹出的是“hello”,而不是“Hello”,在你使用Ctrl+F搜索时要注意,这个真的很坑。
2.CSS 中伪类写好后不生效?
如你有一个<div class="header_button"></div> 想要给 header_button 创建一个 :hover 的伪类,
/*如果是下面代码你会发现不生效,原因是:前面多了空格,去掉就好了*/
.header_button :hover{
background-color: #dedede;
}
3.display为inline-block的元素有内容和没有内容情况下高度不一致的问题
有内容的元素会下沉,根本原因是display: inline-block形成了内联元素。而内联元素的vertical-align的默认值就为baseline。
解决方案:增加属性 vertical-align:top