HTML和CSS的學習筆記(二)

2021-07-09 04:32:04 字數 478 閱讀 4800

1.  製作網頁寫**時,習慣給它安乙個固定框架,便於以後查詢修改,例如,整個網頁給它乙個div:wrap;給網頁標頭欄乙個div:header;然後是內容div:mainbody.最後是footer.因為之前在學習時沒有規範的寫法,所以讓自己碰到了很多麻煩,使**很亂。這樣簡單地分類,可以利於自己以後的修改。  

2.  因為網頁瀏覽器本身也會帶乙個邊框,所以在樣式表中會通常帶一條語句:或許有時候覺得這個設不設沒多大關係,但設一下也是乙個好習慣。

3.  絕對定位和相對定位對於初學者來說,是個難題,至少對於我來說,把我搞得暈頭轉向的。

絕對定位(absolute):完全脫離了標準文件流。而相對定位(relative)仍舊處於標準文件流中。這是他們之間的乙個很大區別。

4. 若給絕對定位設定了偏移量,無已定位的祖先元素時,以為偏移參照基準。若有已定位祖先元素時,以距其最近的已定位祖先元素為偏移參照基準。

5.  當設定ul列表時,要習慣給它設定乙個高度和寬度。

html和css學習筆記(二)

cellspacing 單元格邊框和單元格邊框之間的距離 cellpadding 單元格內容與單元格邊框之間的距離 三參為0 border cellspacing cellpadding 一般都為0,預設cellspacing cellpadding有值 catption,必須緊隨table標籤之後...

html和css學習二

內聯元素也叫行內元素 行內元素不能設定寬高 margin padding等,寬度由文字決定,且不能獨佔一行,是包文字用的,水平方向可以設定margin left,margin right 塊狀元素是可以設定寬高的,獨佔一行,可以設定margin和padding 行內元素和塊狀元素的轉換 inline...

html與css學習筆記

定位之absolute和relative 一般設定了absolute或relative時,才設定right left left 50px 意思是左邊線距離定位盒子的左邊線50px 一般父盒子設定了position absolute display inline block float left ri...