css样式技巧总结

1. 如何正使用backgroud-image

      background-color: #FEE3E4
      width: 252px
      height: 351px
      background-image: url('../assets/images/bg.png')
      background-repeat : no-repeat
      background-size: 192px 192px
      background-position: 60px 159px

2. 两个行内样式之间有默认的间隙，

解决方式1. 取消 行内样式之间的空格

方式2. 在父盒子种加入font-size: 0

3. 经常遇到div里书写文本内容，

设定css样式，width：100px，文字内容宽度超出后会自动换行，效果如下：

而我们想要的是这样的：会根据内容自动撑开宽度，要这样设置就可以了

display:inline-block; min-width:100px;

4.  给按钮增加按下的样式，主要用在触屏端

无论是a链接，还是其他元素

：active伪类 就是配置激活按钮时的状态