Day01 字体样式,变形的旋转 缩放 位移和线性渐变

今天是值得纪念的一刻,今天第一次知道有个叫CSDN的网站,是程序员最喜爱的网站,从今天开始我将在CSDN上每天都更新自己的学习状态,希望能自己见证自己的成长.

在培训班要进行长达半年的半军事化训练,第一阶段就是pink老师带课,第一天学了字体样式,对于那些简单的样式,终于不用去抠精灵图, 首先下载样式,压缩,提取css文件和ttf.woff和woff2文件,很重要,缺一不可,然后引入link 把iconfont引入到index.html里面. 有三种使用方式,1,直接在标签里面class="iconfont iconfont-shouye"(随便编的) 必须得两个一起,缺一不可.2,使用伪类标签,

.box::before{

conter"\e8c6"直接在这个内容里面插入demo的

}

3,直接在标签后面里面写

<div> &#xe8ab;</div>

后面学习了变形的用法

transform: translate(x, y);
transform: translateX(x);
transform: translateY(y);

都是2D使用.如果括号内是百分比.那么就是移动自己本身的宽度,

后面学习了旋转.transform: rotate(45deg); 一定得写单位deg

缩放很重要!!transform: scale(1.2)；

还有渐变 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

中间逗号隔开.今天就写这么多吧,12点了下次争取早点写,还有好多东西想写但是时间不够了,自己确实也是没想到晚上能写到现在,后面都是草草写完,加油~~~