1、先给想要改字体样式的div加一个class或者id
2、用选择器找到中国div(.class或者#id)
2、在<style>标签里给这个div写css样式,
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV+CSS怎么样改字体样式</title>
<style>
.one{
font-family:"微软雅黑" //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px //字体大小
color:red //字体颜色
font-weight:normal//加粗 normal默认值 bold粗体 数值100-900
}
</style>
</head>
<body>
<div class="one">DIV+CSS怎么样改字体样式</div>
</body>
</html>
扩展资料
<br>换行
<b>b标签设置加粗</b>
<i>i标签设置斜体</i>
<u>u设置下划线</u>
<h1>最重要的标题H1</h1>
<h2>次要栏目或标题-小标题H2</h2>
<h3>再次要栏目或分类小标题H3</h3>
<h4>文中分类小标题H4</h4>
<pre>定义预格式化文本,空格和换行会保留,常常应用于表示计算机的源代码。</pre>
设置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