Memperkenalkan penggunaan gaya css

Buat halaman 02-stylesheet.html baru:

Kod adalah seperti berikut:

<!doctype html>
<html>
  <head>
     <meta charset="UTF-8">
     <title>Document</title>
  </head>
  <body>
     <!-- 引入 02-stylesheet.css 文件 -->
     <link rel="stylesheet" href="02-stylesheet.css" />
     <h1>静夜思</h1>
     <div>窗前明月光</div>
     <p>疑是地上霜</p>
     <span>举头望明月</span>
     <p>低头思故乡</p>
  </body>
</html>
e

create fail stylesheet.css baru, kod tersebut adalah seperti berikut:

/* 为1级标题设置样式 */
h1{
  color:green;
}
p{
  background-color:silver;
}
span{
  font-size:48px;
}
e

Jalankan halaman 02-stylesheet.html untuk mengembangkan Menandakan:

微信图片_20180314160614.png

Meneruskan pembelajaran
||
<?php echo "引入css样式用法";
  • Cadangan kursus
  • Muat turun perisian kursus