標籤：
- div+css布局：div是用於存放內容（文字，圖片，元素）的容器
css是用於指定放在div中的內容的位置和外觀。 使html檔案內容減少，html變得簡單；內容和樣式分離 css可以統一網站風格
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
DOCTYPE：文件類型，用於指定DTD（說明當前這個html檔案的版本）
- < 元素名 background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: 微軟雅黑; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5;">屬性名稱：屬性值；"/>
- <style type="text/css">
這裡是內容 </style>
- 字型：font-size字型大小；font-weight字型粗細；font-style字型風格傾斜；color字型顏色
- text-decoration:underline;none;
濾鏡技術filter：
img{ filter：gray； } </style> 滑鼠移至上方變回原來顏色
a:link img{ filter：gray； } a:hover img{ filter：""； } a:visited img{ color：red； } </style>
- 選取器：類別選取器、id選取器、html選取器、萬用字元選取器
- 類別選取器：<link rel="stylesheet" type="text/css" href="#">;用class="類別選取器名"使用
.類別選取器名{ .style1{
屬性名稱：屬性值； font-weight:bold;
... font-size:2px;
} }
#id選取器名{ #style2{
屬性名稱：屬性值； font-weight:bold;
... font-size:2px;
} }
html元素名稱{ body{
屬性名稱：屬性值；
... font-size:2px;
} }
- 當一個元素同時被id選取器、類別選取器和html選取器修飾，優先順序是
id選取器>類別選取器>html選取器
- 一個元素最多隻有一個id選取器，但是可以有多個類別選取器。
- 在引用多個class選取器的時候，class="style1 style2"，以最後出現的類別選取器樣式為主
- 萬用字元選取器：所有元素都符合一種樣式
*{ margin:0;padding:0; } margin: 10 10 10 10； 如果margin給出四個值,則表示 上，右，下，左
- 父子選取器:子選取器標籤是html可以識別的標籤；
父子選擇可以有多級，適用於id選取器和class選取器
#style2 span span{ color="red"; font-size="20"; }
- 在有些css中，我們可以多個選取器的共同部分提取出來，寫在一起，簡化css檔案
- 塊元素和行內元素
- 行內元素又叫內嵌元素，只能容納文本或其他內嵌元素（不同瀏覽器不同），常見有<span>h和<a>
- 塊元素一般從新行開始，可容納文本，其他內嵌元素和其他塊元素，即使內容不夠一行，也會佔滿整行。常見有<div>和<p>
- 塊元素和行內元素相互轉換:display:inline;轉為行內元素
display:block;轉為塊元素
非標準流：布局中，某個元素脫離了標準流
- 浮動分為左浮動、右浮動和清除浮動。對塊元素和行內元素都生效。向左/右浮動就相當於讓出自己的左/右邊，別的元素就會在它的左/右邊排列。float:left;right;文字環繞圖片效果。
預設情況下： 調整後：
- 定位：用position對元素進行定位。屬性值有static(預設值)、relative(相對定位)、absolute(絕對位置)、fixed(元素框的表現類似於position設為absolute，不過其包含的塊是視窗本身).
- 格式：position:屬性值
relative:元素框位移某個距離（left和top），元素本身不變，原位置所佔空間保留。參照點是原來本身的位置 absolute：元素從原來位置脫離,讓出原來位置,被後面的元素戰佔有。參照點是
離它最近的那個非標準流而言。
CSS學習筆記整理
