css樣式的三種引入方式

時間 2019-11-12

標籤 css 樣式三種引入方式欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />  
        <style>
        /*2.內嵌樣式.寫在head標籤中的style標籤中間*/
        </style>
        <link type='text/css' rel='stylesheet' href='./xxoo.css' />
        <!--3.外鏈樣式.CSS代碼寫在另一個文件中,用過link引入過來-->
    </head>
    <body>
        <b style='font-size:14px;color:blue'>css頁面引入方法：</b>  
		<!-- 1.行內樣式,內聯樣式,做爲style屬性值-->
		
		<h1>CSS代碼出如今三個地方</h1>
		<!--
			css頁面引入方法：

			一、外聯式：經過link標籤，連接到外部樣式表到頁面中。
			<link rel="stylesheet" type="text/css" href="css/main.css">
			
			二、嵌入式：經過style標籤，在網頁上建立嵌入的樣式表。
			<style type="text/css">
				div{ width:100px; height:100px; color:red }
			</style>
			
			三、內聯式：經過標籤的style屬性，在標籤上直接寫樣式。
			<div style="width:100px; height:100px; color:red ">
			</div>
		-->
    </body>
</html>

相關標籤/搜索