css中要如何使用行內(nèi)樣式、內(nèi)嵌樣式和外部引用樣式

發(fā)布時(shí)間：2021-06-11 14:10:29 來(lái)源：億速云閱讀：173 作者：Leah 欄目：web開發(fā)

本篇文章為大家展示了css中要如何使用行內(nèi)樣式、內(nèi)嵌樣式和外部引用樣式，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

行內(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)言之：

行內(nèi)樣式：就是代碼寫在具體網(wǎng)頁(yè)中的一個(gè)元素內(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" />

上述內(nèi)容就是css中要如何使用行內(nèi)樣式、內(nèi)嵌樣式和外部引用樣式，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。

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

css中要如何使用行內(nèi)樣式、內(nèi)嵌樣式和外部引用樣式

猜你喜歡

最新資訊

相關(guān)推薦

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

css中要如何使用行內(nèi)樣式、內(nèi)嵌樣式和外部引用樣式