Dreamweaver怎么用css设置基本的文字属性

在Dreamweaver中,我们可以利用css对插入文字的大小、颜色、字体等属性进行调整。
 

font-size:调整文字大小

实例:

.h1{
    font-size:20px;
}

若没有设置,dw默认为是16px。

color:字体颜色

示例:

.h1{
    color:red;
}

.h2{
    color:#ff0000;
}

.h3{
    color:rgb(255,0,0);
}

若未经设置,字体颜色默认为黑色(black)。

font-family:字体

在 CSS 中,有五个通用字体族:

衬线字体(Serif)- 在每个字母的边缘都有一个小的笔触。它们营造出一种形式感和优雅感。

无衬线字体(Sans-serif)- 字体线条简洁(没有小笔画)。它们营造出现代而简约的外观。

等宽字体(Monospace)- 这里所有字母都有相同的固定宽度。它们创造出机械式的外观。

草书字体(Cursive)- 模仿了人类的笔迹。

幻想字体(Fantasy)- 是装饰性/俏皮的字体

Dreamweaver怎么用css设置基本的文字属性_第1张图片

 实例:

.h1{
    font-family:Arival;
}

也可以同时设置三个段落的字体:

.h2{
    font-family: "Times New Roman", Times, serif;
}

当然,也有中文字体:

.h3{
    font-family:楷体;
}

若未经设置,则默认为宋体。

font-weight:字的粗细

实例:

.h1{
    font-weight:bold;
}

.h2{
    font-weight:normal;
}

.h3{
    font-weight:300;
}

若未经设置,则默认为是normal,而bold则是加粗,对应的数值是400。

font-style:字体倾斜

此属性有3个值:

normal - 文字正常显示

italic - 文本以斜体显示

oblique - 文本为“倾斜”(倾斜与斜体非常相似,但支持较少)

实例:

.h1{
    font-style:italic;
}

若未经设置,则默认为normal。

你可能感兴趣的:(css,css3,前端)