CSS绘制图像和某些小基础+hack

自定义字体 

     @font-face{

　　　　　　font-family:名字;

　　　　　　src:url("字体的路径");

　　　　　　}

box-shadow:阴影   值 ：  水平值 垂直值 模糊距离 颜色

---

 

 

过渡：transition

　　　　值： 属性名 时间 曲线 何时开始 （最少的可写一个时间）

---

 

转换：transform

　　　　2D:transform:rotate(0deg)

　　　　3D:transform:rotateX();

　　　　　transform:rotateY();

　　　　　　transform:translated(x,y,z)    z轴一般不用写　　

 

动画：animation

　　　　用@keyframes 动画名来定义

　　　　俩种方式

　　　　1.用from to

　　　　2.百分比

　　　　linear匀速     infinite 无限

---

 

 Css3多列

　　　　column-count定义几个列

　　　　column-gap 定义列于列直接的差距

　　　　column-rule列之间的宽度样式和颜色

---

 

 

resize：both和overflow：auto一起才生效，拉扯边框

 

---

 

Refresh(刷新) 
说明：自动刷新并指向新页面。 
用法：

Html代码  

1. 1. ＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞  
2. content设置时间

   ---

3. 

    

4. 有bug的情况下用hack
5. 

    

    

6. 例子在ie下才会变红

转载于:https://www.cnblogs.com/YDshuaizai/p/7191524.html