css实用方法记录

1、统一样式
*{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。这东西叫“通配符”用来匹配页面上所有元素。
2、背景图填满

 background: url("http://qiniu-cdn.minieye.cc/product/image/main_banner_new1.jpg") no-repeat center;
 background-size: cover;

3、视频或背景填满
object-fit:fill;变形填满
cover;不变形填满

6、文字换行不换行
https://www.cnblogs.com/aliyue/p/5703528.html

不换行
white-space:nowrap;
// 自动换行
word-wrap: break-word;
word-break: normal;

8、table样式布局
https://segmentfault.com/a/1190000007007885

tr、td设置margin 无效

tr 设置padding无效、td设置padding有效

9、水平居中

text-align: center;

你可能感兴趣的:(css实用方法记录)