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）- 是装饰性/俏皮的字体

实例：

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

Dreamweaver怎么用css设置基本的文字属性相关推荐

html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
CSS设置选中网页文字时的背景和颜色
CSS设置选中网页文字时的背景和颜色在网页中,选中某段文字,默认的显示效果为: 可以看到,选中后文字颜色为白色,背景为蓝色. 现我们想设置,选中后文字为红色,背景为黄色.需要用到CSS伪类 ::se ...
015day(css控制单词换行的属性，css设置中英文大小写的属性，背景渐变)
一.css控制单词换行的属性 1.word-break自己决定自动换行的处理方法 ①word-break:normal:使用浏览器默认的换行规则.(英文) ②word-break:keep-all:不 ...
设置字体大小用css的哪个属性,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
css设置个性字体大小,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
CSS设置输入框默认文字颜色（webkit-input-placeholder等）
在html5中input,textarea等元素新添加了placeholder的属性,我们可以通过css设置placeholder的样式,对于ie,firefox,以及webkit内核的浏览器需要使用 ...
CSS设置图片与文字水平居中对齐
很简单,设置图片的一个css样式即可,代码如下: <div><img src="url" style="vertical-align:middle;&q ...
css设置div内文字垂直,DIV+CSS如何让文字垂直居中？
满意答案 dinahcat 2016.05.08 采纳率:48% 等级:5 已帮助:205人 div+css实现文字垂直居中的五种方法: 1.把文字放到table中,用vertical-alig ...
div超出不换行_div+CSS设置一行内文字超过宽度不换行且不显示
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加"..."的做法. 一般的文 ...

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

Dreamweaver怎么用css设置基本的文字属性相关推荐

最新文章

热门文章