irpas技术客

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

网络投稿 5842

在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。


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #color字体颜色示例h1