对于CSS新人的几个坑

之前对CSS的了解也不多,自己平时写东西时也基本依赖bootstrap,基本没有自己去设计过UI,在这次的项目经历中,踩到了一些大坑,当然,至对于新手才有这些困惑,在这里记录下来,方便自己之后查阅,也分享给更多进坑的新人们。

当然,开始前还是要吐槽一下前端最大的坑——IE!

 

清除格式

当你在写CSS之前,如果你的页面中并没有引入其他的样式,一定要先级的去“清除样式”,这里的清除样式,主要指的是清除浏览器的两个默认样式(padding和margin),不然,你的额昂也背景会出现白边的异常状况。

* {
  margin: 0px;
  padding: 0px;    
}

 

背景位置

当你去设置背景的时候,一定要注意背景的作用范围,background-clip 属性规定背景的绘制区域,background-origin 属性规定 background-position 属性相对于什么位置来定位。

background-clip: border-box | padding-box | content-box;
background-origin: padding-box | border-box | content-box;

 

 

对于CSS新人的几个坑,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。