1. 程式人生 > >兄弟連學Python----css樣式的三種引入方式

兄弟連學Python----css樣式的三種引入方式

blue ref font 行內樣式 創建 方法 -s 嵌入 shee

<!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頁面引入方法:

			1、外聯式:通過link標簽,鏈接到外部樣式表到頁面中。
			<link rel="stylesheet" type="text/css" href="css/main.css">
			
			2、嵌入式:通過style標簽,在網頁上創建嵌入的樣式表。
			<style type="text/css">
				div{ width:100px; height:100px; color:red }
			</style>
			
			3、內聯式:通過標簽的style屬性,在標簽上直接寫樣式。
			<div style="width:100px; height:100px; color:red ">
			</div>
		-->
    </body>
</html>

  

兄弟連學Python----css樣式的三種引入方式