頁面html介紹

2021-09-13 16:48:07 字數 1655 閱讀 7576

優先順序:

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也有自己的預設高度,如果你引入...