在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)- 是装饰性/俏皮的字体
实例:
.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。