在响应式中--pc端样式

px(1个px相当于一个像素)--分辨率

em--相对的长度单位

(1)em相对参照物为父元素的font-size

  (2)em具有继承的特点

(3)当没有设置font-size时,浏览器会有一个默认的em设置:1em=16px;

缺点:容易混乱

rem--的相对参照物为根元素html,相对于参照固定不变

所以比较好计算

在没有设置font-size时,浏览器会有一个默认的1rem=16px;,

这个和em一样

优点:安全点相对于em

清除浮动

.center-block{

  display:block;

 margin-right:auto;

 margin:auto;

}

.pull-left{

float:left!important;

}


.text-right{
 text-align:right !important;
}

.invisible{
 visibility:hidden;/*用于一些用图片代替的 文字-为了seo搜索*/
}
.text-left{
 text-align:left !important;
}
.text-ceter{
 text-align:center !important;
}
.hide{
 display:none !important;
}
.show{
 display:block !important;
}

header .top ul li + li{
 border-left:1px solid #999;
 margin-left:-3px;
}/*写侧边的竖线的小技巧*/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容