網頁中使用css的幾種方式簡單介紹

admin發表於2017-02-11
網頁CSS

一.內聯樣式:

所謂的內聯樣式就是解除安裝標籤之內的樣式，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<div style="color:red;font-size:10px"></div>

也就是使用style方式在標籤內規定div的樣式。

二.內部樣式表:

所謂內部樣式表，就是樣式表寫在當前頁面，而不是從外部引入，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<style type="text/css"> 
.demo{
  width:200px;
  height:200px;
  background:green;
}
</style> 
</head>
<body> 
<div class="demo"></div>
</body> 
</html>

以上程式碼使用<style type="text/css"></style>規定了內部樣式表。

三.外部樣式表:

外部樣式表和內部樣式表示相對應的，也就是在當前頁面引入一個外部樣式表檔案，而不是把樣式程式碼解除安裝當前頁面。

[HTML] 純文字檢視 複製程式碼
<link href="css/style.css" rel="stylesheet" type="text/css" />

相關文章