html/css使用的三种样式

来源：互联网发布：淘宝全屏店招代码编辑：程序博客网时间：2024/05/21 10:54

内链样式表

<span style="font-size:18px;"><!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS的使用方式</title></head><strong><body style="background-color:green;color:#fff;">      <h1>CSS的使用方式</h1>      <p>CSS的使用方式</p></body></strong></html></span>

嵌入式样式表

<!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS的使用方式</title>                <style type="text/css">                body { background-color:green;                    color:red;                     }                p {                   background-color:red;                   color:green; }  </head>        <body><h1>CSS的使用方式</h1><p>CSS的使用方式</p></body>

引入式样式表(从外部引入的)

<span style="font-size:18px;"><!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS的使用方式</title><strong><link rel="stylesheet" type="text/css" href="style.css"></strong></head><body><h1>CSS的使用方式</h1><p>CSS的使用方式</p></body></html></span>

其中： style.css的代码为

<span style="font-size:18px;">body{      background-color:red;      color:#fff;}</span>

属性：属性值（之间是：）

属性；属性（之间是；）

0 0