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>
<div class="one">流体布局</div><div class="two">布局</div>
.one{width:80% font-size:em(设置自体的大小,em可以让自体根据浏览器不同而更加优与阅读)}
.two{width:20%font-size:em}
注:通过这样设置,就可能拉动浏览器,盒模型的宽度就会随着你的拉动而变大缩小,但也是有一定限度的。
扩展资料:关于div的用法
1、<div>可定义文档中的分区或节(division/section)。
2、<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
3、<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。
不必为每一个 <div>都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div>元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
#top ul{font-size:14px}/*这个就是#top下的ul*/#middle ul{font-size:20px}/*这个就是#middle下的ul*/
div ul li{}/*意思就是div下的ul的li,会对所有div下的ul的li起作用*/
#id ul/*id空个加元素,意思就是id的子元素ul*/