html中使⽤css的三种⽅式
⽅式⼀：⾏内样式
在元素标签有跟style属性，将样式写到改属性中。格式 多个属性⽤分号“ ; ”隔开。例：
1<!-- 在div 后跟style属性，等号后⾯写上css样式 -->
2<div >
3<h1>这是⼀个DIV标签为</h1>
4</div>
cssclass属性⽅式⼆：内联样式
在<head>标签中加⼊<style>标签将CSS样式表写到该标签中。格式：.class{ 属性1 : 值；属性2 : 值；属性3 : 值；}，值后跟分号。例：
1<head>
2<meta charset="utf-8">
3<title>js测试</title>
4<!-- 内部样式表开始 -->
5<style >
6      .box{
7        background-color:#000;
8        color:#fff;
9      }
10    <!-- 内部样式表结束 -->
11</style>
12</head>
13
14<body>
15<div class="box">
16<h1>这是⼀个DIV</h1>
17</div>
18</body>
⽅式三：外联样式（链接外部样式表）
这是⼀种⽐较实⽤的⽅式。使⽤⽅法：在<head>标签中⽤<link>标签引⼊。
例：
1<link rel="stylesheet" type="text/css"  href="./css/layout.css"><!--href中写css样式表存放的路径-->

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。