<style type="text/css">
@font-face{
font-family: "MOOCFont";
src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");
}
.demo {
font-size:58px;
font-family: "MOOCFont";
}
</style>
没有效果的同学,可能跟我一样,忘记写@font-face{}
@font-face{
font-family: "MOOCFont";
src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");
}
.demo {
font-size:58px;
font-family: "MOOCFont";
}
</style>
没有效果的同学,可能跟我一样,忘记写@font-face{}
2016-06-25
a为元素的水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
2016-06-25
这个例子是用来说明background-orgin的用法,去掉content那个类是OK的,设置为content-box,它的背景图片是从内容左上角开始的,加上这个content类是为了更好的演示!
2016-06-24