優先順序:
id選擇器》類名選擇器》型別選擇器》通配選擇器( 如果多個選擇器優先順序一致:後面覆蓋前面)
樣式:border,padding,content,margin
content:盒子內容,元素的後代元素等內容的區域,由width和height組成
padding:內填充,元素內容和邊框之間的區域,由上右下左4個方向的內填充組成
padding-top: //上內填充
padding-right: //右內填充
padding-bottom: //下內填充
padding-left: //左內填充
border:邊框,就是元素的最外層結構,由上右下左4個方向的邊框組成,邊框有兩種集合方式:
第一種可以認為是由4個方向的邊框集合來:
border-top: //上邊框
border-right: //有邊框
border-bottom: //下邊框
border-left: //左邊框
而每乙個邊框由可以認為是它的寬度、樣式和顏色集合而來,如上邊框border-top
border-top-width: //上邊框寬度
border-top-style: //上邊框樣式
border-top-color: //上邊框顏色
第二種認為4個邊框相同,則用寬度、樣式和顏色進行集合:
border-width: //邊框寬度
border-style: //邊框樣式
border-color: //邊框顏色
這裡每個樣式再由4個邊框的樣式集合來,如border-width
border-top-width: //上邊框寬度
border-right-width: //右邊框寬度
border-bottom-width: //下邊框寬度
border-left-width: //左邊框寬度
margin:外邊距,該元素與其他元素之間的間距,由上右下左4個方向的外邊距組成:
**margin-top: //上內填充
margin-right: //右內填充
margin-bottom: //下內填充
在設定4個值時,分別代表上、右、下、左;
3個值時由右代替左,分別代表上、左右、下;
2個值時由上代替下,分別代表上下、左右;
1個值時代表所有的4個方向
外邊距重疊(margin-collapse):相鄰的兩個盒子(可能是兄弟關係也可能是祖先關係)的外邊距可以結合成乙個單獨的外邊距。這種合併外邊距的方式被稱為摺疊,並且因而所結合成的外邊距稱為摺疊外邊距,摺疊結果遵循下列計算規則:
兩個相鄰的外邊距都是正數時,摺疊結果是它們兩者之間較大的值
兩個相鄰的外邊距都是負數時,摺疊結果是兩者絕對值的較大值
兩個外邊距一正一負時,摺疊結果是兩者的相加的和
塊狀元素常用的居中方法:margin:0 auto;
HTML頁面載入和解析流程詳細介紹
利用瀏覽器的f12將網頁 複製下來,儲存在txt檔案中。再在瀏覽器中開啟,網頁顯示不正確的原因 1.原網頁引用了部分css js檔案,而複製下來的只是html文字 2.txt檔案存在編碼問題,最好不要將網頁往txt文字中儲存 為什麼有的網頁在谷歌瀏覽器中顯示正常,在ie中空白 原因 ie核心的瀏覽器...
aspx頁面引用html頁面
1。include file 包含檔案的相對路徑,include virtual包含檔案的虛擬路徑。2。在同乙個虛擬目錄內,和效果是相同的,但假設虛擬目錄名為myweb,則也可以通過除錯,但我們知道是絕對要報錯的。3。如果乙個站點下有2個虛擬目錄myweb1和myweb2,myweb1下有檔案fil...
html頁面中引入html
我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...