css 标题文字前面加小图标，如何使它们不错位？

html-css014

css 标题文字前面加小图标，如何使它们不错位？,第1张

两种方法：

一、把小图片当做h3的背景来调即：

.menubar h3{font-size: 14pxfont-weight: boldtext-align: leftmargin:0background:url(123.jpg) no-repeat left centerpadding-left:图片的宽度}；

二、加上<img scr="123.jpg" align="absmiddle" />使图片绝对居中；

推荐第一种情况，如果别的地方还有要使用这个图片的话；

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>景安网络</title>

<style type="text/css">

span{font-size: 19px}

</style>

</head>

<body>

<span>文字大小</span>

</body>

</html>

css中我们可以使用font-size来设置文字的大小

1、打开开发工具，新建一个HTML文件。

2、使用font-family属性设置，字体代码：.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码：.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码：.demo2{font-weight: 600}。

6、使用color设置字体颜色代码：.demo1{color: #FF0000}。就完成了。