標籤：ext 瀏覽器 height 虛擬 float size 定位 背景圖 abs
當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
因此，內聯樣式（在 HTML 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（預設值）。
CSS樣式：
CSS由兩個部分組成 ：選取器(你要改變的元素標籤 如：div)，聲明（你想要的樣式 如：寬度(width) 背景顏色（background....)。
eg:
.div1{//聲明
width:500px;//樣式
height:100px;
background-color:red;
}
浮動與定位：
定位分為兩類：絕對位置(absolute)，和相對定位(relative)。絕對位置是指定位後就不會隨背景圖片的變動而變動，且對一個區塊層級元素進行絕對位置後不可再用浮動(即絕對位置與浮動不能共存)。相對定位是指定位後會隨背景圖片的變動而變動，相對浮動與定位可以共存。
<html> <meta charset="UTF-8"> <head> .body{ width:1000px; heighjt:500px; background-color:red; } .div1{ width:100px; height:500px; float:left; background-color:blue; border:absolute;//錯誤；絕對位置與浮動不可共存 }</head><body> <div class="div1"></div></body></html>
背景上的區塊層級元素隨著滑鼠拉動而變化：
在css中設定寬、高； 有兩種方式：{
width:100px;
height:100px;
}//區塊層級元素是固定的，不會隨著滑鼠的拉動而變動
{
width:100%;
height:100%;
}//區塊層級元素會隨著滑鼠的拉動而長寬也跟著變動
CSS學習隨筆
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
