在div+css中,经常会用到div和span
当内容比较多的时候,会用到div
当内容比较少的时候,会用到span
来看下面的代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>DIV+CSS</title>
</head>
<body>
<span style="color:green;font-size:30px;">栏目一</span><br>
<span style="color:orange;font-size:16px;">栏目二</span><br>
<span style="color:blue;font-size:16px;font-style:italic;">栏目三</span><br>
<span style="color:green;font-size:16px;font-weight:bold;">栏目四</span><br>
<span style="color:navy;font-size:16px;font-weight:bold;">栏目五</span><br>
</body>
</html>
执行后的效果如下:
在这里设置了字体的粗细.
设置段落字体的粗细的属性:
font-weigth属性设置文本的粗细.
使用bold关键字可以将文本设置为粗体.
关键字100~900为字体指定了9级加粗度,如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别.
如果将元素的加粗设置为bolder,浏览器