css样式表的3种声明方式

发布于：2022-12-29 ⋅ 阅读:(714) ⋅ 点赞:(0)

1，行内声明（online）：

<body>

<div style="color: red;font-size: 14px;font-weight: 900;border: 1px solid #333333;"></div>

</body>

2，内嵌声明：

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style type="text/css">

div{

font-size: 12px;

line-height: 16px;

font-weight: 900;

}

</style>

</head>

3，链接外部样式文件：

链接外部样式文件：
<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link ref=stylesheet type="text/css" href="样式文件的路径/文件名" />

</head>
导入外部样式文件：
<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style type="text/css">

@import "样式文件的路径/文件名";

</style>

</head>