第四章 樣式初始化 元素型別轉換 外邊距合併

2021-08-09 01:31:35 字數 873 閱讀 6390

一、樣式初始化

清除瀏覽器預設樣式,以避免造成不必要的相容性問題。
body,dl,dd,p,h1,h2,h3,h4,h5,h6

ol,ul

aimg*

二、元素型別

塊級元素:單獨佔據一行,其他元素被迫換行顯示。

自由設定寬高

margin自由設定

padding自由設定

行級元素:只佔據內容的位置,其他的行級元素在一行顯示。

設定寬高無效,寬高對行級元素沒有影響

margin設定時 上下無效 左右有效

padding樣式有效 padding-left;padding-right有效果;padding-top;padding-bottom不影響它的高度 但是會影響它的背景高度。

總結:行級元素的padding、margin、border等不起作用的原因:沒有影響到元素的line-height屬性

行內塊級元素:綜合了塊級元素和行級元素的特徵。

在一行顯示

可以自由設定寬高

可以自由設定margin和padding屬性

元素的相互轉換:display

值: 1. block 塊級元素

2. inline 行級元素

3. inline-block 行內塊級元素

元素的顯示和隱藏:display

值 1. none 隱藏

2. block 顯示

三、外邊距合併【待驗證】

同級元素之間的上下外邊距相遇 取兩者較大者

父子關係的元素之間的外邊距相遇 取較大者;如果父級沒有外邊距 那麼就取子級

空元素之間的外邊距也會進行合併 取較大者

04 第四章樣式初始化 元素型別轉換 外邊距合併

1.清除瀏覽器預設樣式,以免造成不必要的相容問題 2.body,dl,dd,p,h1,h2,h3,h4,h5,h6 3.ol,ul 4.a 5.img 清除ie邊框 6.一 什麼是行級元素,什麼是塊級元素 塊級元素會佔據一行的位置,它後面的元素內容會換行顯示,塊級元素裡面可以放任何內容,主要用來布局...

第四章 初始CSS

一.引入樣式 1.行內樣式表 2.內部樣式表 在head標籤裡面,title標籤下面 優點 方便在同頁面中修改樣式 缺點不利於在多頁面間共享復用 及維護,對內容與樣式的分離也不夠徹底 3.外部樣式表 嵌入式匯入式嵌入式和匯入式的區別 1.標籤屬於xhtml,import是屬於css2.1 2.使用鏈...

第四章 復合型別

第一題 按示例請求顯示資訊。第二題 修改程式4.4,使用c string類 include include using namespace std int main 第三題 使用char陣列,和cstring中的函式,按示例格式顯示輸出 include include using namespace...