在DW中如何改变CSS中的字体大小和颜色?

html-css014

在DW中如何改变CSS中的字体大小和颜色?,第1张

1、双击打开HBuilder工具,新建一个HTML5静态页面模板。

2、在<body></body>标签内,插入一个div标签,并设置对应的ID属性和内容。

3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。

4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。

5、将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。

在网页中,文字内容需要设置字体相关的格式属性:

需要设置格式的文字

使用css进行设置:

<style type=text/css>

p{font-family:微软雅黑, 黑体, 华文细黑font-size:16pxcolor:#000000}

</style>

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>