添加CSS的三种方式-pengetahuan css-php.cn

添加CSS的三种方式

autoload

Lepaskan： 2021-03-31 11:54:17

asal

6586 orang telah melayarinya

CSS样式是前端制作网页的重要组成部分，那如何使用引入CSS样式便显得尤为突出，本篇文章主要介绍了CSS样式的三种使用方式。

1.使用外部样式：

 <head>
    <link rel="stylesheet" href="style.css">
 </head>

Salin selepas log masuk

style.css文件如下

 h1 {        
     color: blue;        
     background-color: yellow;        
     border: 1px solid black;
      }     
 p {        
     color: red;
      }

Salin selepas log masuk

href内填写时是css文件的位置

2.使用内部样式：

<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>

<!-- 内部样式 内部脚本-->
 <style>
 h1 {        
     color: blue;        
     background-color: yellow;        
     border: 1px solid black;
      }     
 p {        
     color: red;
      }
 </style>

<p>php.cn</p>

</body>
</html>

Salin selepas log masuk

3.使用行内样式（内联样式）：

<body>
    <h1 style="color: blue;background-color: yellow;border: 1px solid black;">Hello World!</h1>
    <p style="color:red;">Test</p>
</body>

Salin selepas log masuk

推荐：《2021年CSS面试题汇总（最新）》

Atas ialah kandungan terperinci 添加CSS的三种方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

添加CSS的三种方式