Skip to content

Latest commit

 

History

History
67 lines (57 loc) · 1.51 KB

概述.md

File metadata and controls

67 lines (57 loc) · 1.51 KB
Raw

概述

定義

css是層疊樣式表(Cascading Style Sheets) 用來定義網頁的現實效果。可以解決 html 代碼對樣式定義的重複， 提高了後期樣式代碼的可維護姓，並增強了網頁的現實效果功能。 CSS 將網頁內容和顯示樣式進行分離，提高了顯示功能。

CSS & HTML 結合

  • 每一個 html 標籤至中都有一個 style 樣式屬性。 該屬性的值就是 css 代碼。
  • 使用 style 標籤的方式，一般都定義在 head 標籤中。
  • 樣式優先級: 由上到下，由外到內，優先級由低到高，後進先出。

CSS 代碼格式

  • 選擇器名稱 {屬性名: 屬性值; 屬性名: 屬性值; ...}
  • 屬性與屬性之間用分號隔開。
  • 屬性與屬性值直接用冒號連接。
  • 如果有一個屬性有多個值，則用空格隔開。

Example

<!--span.css-->
span {
	background-color: #E80505;
	color: #FFFFFF;
}

<!--div.css-->
div {
	background-color: #1483F0;
	color: #FFFFFF;
}

<!--p.css-->
p {
	background-color: #000000;
	color: #FF0000;
}

<!--1.css-->
@import url(div.css);
@import url(span.css);
@import url(p.css);

<!--html-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	
	<link rel="stylesheet" type="text/css" href="CSS/1.css">

	<style type="text/css">
		/*@import url(CSS/1.css);*/
	</style>
</head>
<body>
	<div>div 區域1</div>
	<div>div 區域2</div>
	<span>span 區域1</span>
	<span>span 區域2</span>
	<p>段落1</p>
	<p>段落2</p>
</body>
</html>