渐变与文本格式化属性

渐变

1.什么是渐变

不同颜色之间的过度

2.属性

background-image:;

取值

常用：1.linear-gradient()

线性渐变

不常用：2.radial-gradient()

径向渐变

不常用 ：3.repeat-linear-gradient()

重复线性渐变

不常用 ：4.repeat-radial-gradient()

重复径向渐变

3.线性渐变

background-image:linear-gradient(angle,color,color);

angle取值

to top    0deg

从下往上渐变

to right  90deg

从左到右渐变

to bottom 180deg

从上往下渐变

to left   270deg

从右往左渐变

2.文本格式化属性

1.文本格式化

1.字体样式:加粗 倾斜 

2.文本格式:缩进

2.控制字体

1.字体系列(微软雅黑)

1.属性

font-family:"微软雅黑";

<style>
h3,div,p{

font-family: "华文仿宋";
font-size:2em;
text-align: center;
}
</style>

2.使用服务器端的字体

@font-face{

  font-family:"字体名称";

  src:url(字体的地址);

}

@font-face{
font-family: "最牛逼的字体没有之一";
src:url(simkai.ttf);




}
h3,div,p{

font-family: "最牛逼的字体没有之一";
font-size:35px;
text-align: center;
}

需要在src写入ttf字体提取文字，

首先嵌入ttf字体，然后将字体命名，

再次将所需要改变字体的标记用css声明，使用font-family。

2.字体大小

1.属性

font-size:值;

2.取值

px

pt

em

2em