C3背景、响应式布局、媒体查询、前端单位、多行省略号

6.15

C3背景

背景图像：
     background-origin:
         border-box:包括边框
         padding-box:内容+内边距
         content-box:内容
 背景颜色：
     background-clip:

响应式布局

响应式布局是一套代码可以兼容多个设备

媒体查询

放到css样式最后面添加
屏幕宽度大于100 小于550时的样式：
@media only screen and (max-width:100px) and (min-width:550px){}

单位

px:绝对单位 
vh:视口高度
vw:视口宽度
em:1em等于自身元素字体的大小
rem:1rem等于根元素字体的大小

多行省略号

多行省略号：
   display:-webkit-box;
文字排列方式：
   -webkit-box-orient:vertical;
显示的行数：
   -webkit-line-clamp：3;
省略号：
   text-overflow:ellipsis;
溢出隐藏：
   overflow:hidden;