天天看点

css样式设置文本,文本阴影/修饰/字体/缩进。字体类,样式,设置字体,字体变形,引用字体

/* 文本类  */

/* 文本阴影 /

/ text-shadow:3px 3px 3px red; */

/* 第一个值  X轴偏移量   (加负号为反向)

   第一个值  y轴偏移量   (加负号为反向)

   第一个值  模糊值,值越大越模糊

   第一个值  颜色 */

p:nth-of-type(1) {

text-shadow: 3px 3px 3px red;

}

/* 盒子阴影 /

/ box-shadow: 2px 2px 2px  brown; */

/* 文本修饰

text-decoration: overline

overline顶划线

underline下划线

line-through中划线/删除线

none无/取消下划线 */

/* 只能显示一种 划线*/

p:nth-of-type(2) {

text-decoration: overline;

/* text-decoration: underline; /

/ text-decoration: line-through; */

/* 文本字体

text-transform: lowercase;

lowercase  所以文本小写字母

uppercase  所以文本大写字母

capitalize 所以文本小写字母

*/

p:nth-of-type(3) {

text-transform: uppercase;

/* 文本缩进

text-indend:3em;

第一个文字向后缩进

行高

line-height:2;

词间距

word-spacing:10px;

字间距

letter-spacing;

p:nth-of-type(4) {

list-style: height 5px;

letter-spacing: 4px;

/* 字体类 */

/* 字体的粗细 /

/ font-weight:normal;

font-weight:bild;

font-weight:boeder; 

 */

p>:nth-of-type(5) {

font-weight: bold;

/*

字体样式

font-style:normal   

font-style:italic   斜体

font-style:inherit

p:nth-of-type(6) {

font-style: italic

/* 设置字体

font-family:"sans-sertf"

font-family:Cambridge cochin Georgian;

当浏览器没有第一个字体时就使用第二个。以此类推。要是都没有就使用浏览器默认字体

/* 字体变形

font-variant:normal

font-variant:inherit

font-variant:small-caps