css开发小技巧

1.小于12px的文字展示肿么办  

font-size:12px;transform: scale(0.8); 

  white-space: nowrap; 
  overflow: hidden;  
  text-overflow: ellipsis; 
  max-width:200px;//此处使用max是为了使字后面的其他内容紧跟字，不需要则设置固定值

3.点击链接定位到相应元素的位置

贴个代码（id名字和链接名字相同）

 :target  定位元素和样式  id=“xxx”  ==  #xxx  

:target{
    background:red
}

<a href="#a1">菜单一</a>  
<div id="a1">
     <h2>asdada</h2>            
     <p>文章征文</p>
</div>

4.知道主题色肿么加透明度呢，fadeout来帮你

贴个代码（@primary-color为主题颜色）

为什么不用opacity?opacity会使文字和背景都变透明，fadeout只会让背景透明

  background: fadeout(@primary-color, 90%);