css行內(nèi)樣式、內(nèi)嵌樣式與外部引用樣式有什么不同

發(fā)布時間：2020-03-23 18:26:28 來源：億速云閱讀：591 作者：小新欄目：web開發(fā)

css行內(nèi)樣式、內(nèi)嵌樣式與外部引用樣式有什么不同？為了大家讓大家更加了解CSS樣式，小編給大家總結(jié)了以下內(nèi)容，一起往下看吧。

三中的使用方法的簡單實例如下：

行內(nèi)樣式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css行內(nèi)樣式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>>
 
</body>
</html>

內(nèi)嵌樣式：

<!!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css內(nèi)嵌樣式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
 
</body>
</html>

外部式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css內(nèi)嵌樣式</title>
 <link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
 
</body>
</html>

css文件：

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

總結(jié)：

行內(nèi)樣式：就是代碼寫在具體網(wǎng)頁中的一個元素內(nèi)；比如：<div style="color:#f00"></div>

內(nèi)嵌式：就是在</head>前面寫；比如：<style type="text/css">.div{color:#F00}</style>

外部式：就是引用外部css文件；比如：<link href="css.css" type="text/css" rel="stylesheet" />

以上就是css行內(nèi)樣式、內(nèi)嵌樣式與外部引用樣式有什么不同的詳細(xì)內(nèi)容，更多請關(guān)注億速云其它相關(guān)文章！

向AI問一下細(xì)節(jié)

css行內(nèi)樣式、內(nèi)嵌樣式與外部引用樣式有什么不同

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

css行內(nèi)樣式、內(nèi)嵌樣式與外部引用樣式有什么不同