详解css行内样式、内嵌样式与外部引用样式的使用方法-tutorial css-php.cn

详解css行内样式、内嵌样式与外部引用样式的使用方法

王林

Lepaskan： 2020-03-21 11:01:54

ke hadapan

3425 orang telah melayarinya

详解css行内样式、内嵌样式与外部引用样式的使用方法

三中的使用方法的简单实例如下：

行内样式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>>
 
</body>
</html>

Salin selepas log masuk

（推荐教程：CSS教程）

内嵌样式：

<!!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
 
</body>
</html>

Salin selepas log masuk

外部式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
 <link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
 
</body>
</html>

Salin selepas log masuk

css文件：

#div{width:100px;height:100px;background:red;}

Salin selepas log masuk

总结：

行内样式：就是代码写在具体网页中的一个元素内；比如：

内嵌式：就是在前面写；比如：

外部式：就是引用外部css文件；比如：

相关视频教程推荐：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行内样式、内嵌样式与外部引用样式的使用方法