CSS笔记续

2 基础属性

属性名：属性值；

background-color：red;

P{

background-color：red;

font-size:24px;

}

2.1 字体相关属性

font-family：字体名称

font-size: 字体大小

font-style：字体样式（斜体等）

font-variant: 字体变化（如大写）

font-weight: 字体粗细

p{
    font-family: 楷体;
    font-size: 36px;
    font-style: italic;
    font-variant:inherit;
    font-weight: 700;
}

简写的书写顺序：

font-style 、font-variant、font-weight、 font-size、font-family

前面三个可缺省，使用默认值，font-size和font-family必须指定值。

p{
    font: 60px 楷体;
}

 

2.2文本相关属性

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

color：设置文本颜色

text-decoration：

none：默认值，没有装饰效果

underline：加下划线

overline：加上划线

line-through：加删除线

 

text-shadow：增加阴影

比如text-shadow:-5px -5px #0000ff;的含义是定义一个蓝色的背景，其水平方向上左移5px，垂直方向上上移5px。

 

direction：方向

ltr:自左至右；rtl:自右往左

 

text-align：文本水平对齐方式

left：左对齐

right：右对齐

center：居中对齐

justify：两端对齐

 

vertical-align: 文本垂直对齐方式

top：靠上对齐

bottom：靠下对齐

middle: 垂直居中对齐

 

text-indent：文本缩进

letter-spacing: 字符之间的间距

word-spacing：字（单词）间距

line-height: 设置行高，实际上是调整行间距