前言
本篇文章主要用于记录在学习CSS样式文件中所遇到的坑。
- 在正式编写CSS样式表之前,通常习惯性的编写如下语句用于清除外边距和内边距。原因是:浏览器会在我们所编写的样式表之上默认的添加一定的外边距和内边距,一般在开发中我们都会将其清零,然后自己编写所需的内外边距。
*{
margin: 0;
padding: 0;
}
- 如果在编写CSS样式表时有使用到浮动属性,记得在结尾加上如下清除浮动的标签。原因是:由于使用了浮动语句,导致父级对象的盒子高度不能被撑开,即:出现了坍塌现象。而如果加上如下语句即可避免:
.clear{
clear: both;
}
- 如果在标签的属性中加上如下语句:
display: none;
,则可以使得标签不在网页中进行显示。而如果在标签的属性中加上:display: block;
,则可以使得标签可以在网页中正常显示。通常,我们通过在CSS样式表中为标签添加display: none;
使得标签一开始处于隐藏状态,然后在JavaScript中获取标签的dom节点,并为标签添加上xxx.style.display = "block";
从而自由的控制了标签的显示和隐藏。