CSS基础知识之字体、文本

字体相关属性

font-family:字体名称

font-size：字体大小

font-style：字体样式

font-variable：字体的变量，也就是字体的粗细

p{
    font-family:楷体;
    font-size:50px;
    font-style:italic;
    font-variant:small-caps;
    font-weight:600;
}

当然这些属性可以有另外一种写法,要按照一定的顺序

font-style font-variant font-weight font-size font-familt前面三个可以不写，取默认值，后面三个必须指定值。这种书写方式更简洁。

P<

font:60px 楷体;
}

文本相关属性

文本相关的一些属性主要包括颜色、对齐方式、修饰等等。

（1）color：设置文本的颜色

（2）text-decoration一些属性

   ①none，没有装饰

   ②underline，下划线

   ③overline，上划线

   ④line-through，删除线，即在文字上画一条线

   ⑤line

text-decoration: underline line-through;

（3）text-shawod，设置文本阴影，第一个px值取正数时往下移，取负数时往上移，第二个px值取正数时往右移，取负数时往左移，后面是阴影的颜色。可以多换几次别的值，试试效果。

text-shadow:10px 10px gray;

（4）direction，文字的方向，取值有两个。

   ①ltr,从左往右（默认）

   ②rtl,从右往左

direction:rtl;

（5）text-aline水平对齐

   ①left，左对齐（默认）

   ②right，右对齐

   ③center，居中对齐

   ④justify，两端对齐

text-align:center;

（6）vertical-align，垂直对齐方式

   ①top，靠上

   ②bottom，靠下

   ③middle，居中对齐

vertical-align: bottom;

（7）text-indent文本缩进

text-indent:40px;

（8）letter-spacing字符间距，每个字符的间距

letter-spacing:10px;

（9）word-spacing字间距，即单词之间的间距

word-spacing: 10px;

（10）line-height行高，实际上是调整行间距

line-height: 50px;
background-color: #3695ff;