css文件中如何设置text样式

html-css010

css文件中如何设置text样式,第1张

设置css文件中text样式

首先打开操作软件这里用DW编辑工具:取一个css名字为text;

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312" />

<title>效果区</title>

</head>

<body>

<style>

.text{ width:200px height:200px background:#09C color:#FFF font-size:18px font-weight:bold text-indent:2em text-align:left}

</style>

<div class="text">

    文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域

</div>

</body>

</html>

实现效果图如下:

详解:设置一个css样式取名:text,定义一个宽度与高度分别为200px。

其次设置一个背景颜色background:#09C

字体颜色为白色 color:#FFF

字体的大小为18xp:font-size:18px

设置字体为粗体:font-weight:bold

字体靠左对齐:text-align:left

字体首行缩进2个文字(2em):text-indent:2em

1. 打开“CSS样式”面板。

2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:

一、定义CSS的类型属性

在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:

Font-family:设置字体系列。在下拉菜单中选择字体。

Font-size:定义文字的字体大小。

Font-weight:对字体应用特定或相对的粗体量。

Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。

Font-variant:设置文本的小型大写字母变体。

Line-height:设置文本所在行的高度。

Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。

Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。

Color:设置文本的颜色。

提示:如果某一个属性不需要设置,可以将其保留为空。