九月十三日

2022-08-12 00:54:17 字數 1292 閱讀 9050

一、無序列表(ul)

1····.內部必須有子標籤

2.····ul自帶內外邊距,還有乙個標籤、

3···並集選擇器body,ul,p( margin:0;padding:0;)標籤用逗號隔開

4····(*)萬用字元選擇器的好處:選中所有標籤

壞處:加大瀏覽器的負荷

解決方法:根據實際情況

list-style...這是樣式屬性(更改或除去列表前的符號)

ul二、ol有序列表

1.內部必須有子標籤

2.自帶內外邊距

ol可更改序列符號  ul不可更改

有序列表改變前面的符號用tyle屬性修改,在標籤內。

三、自定義列表

自定義列表  小標題   內容

列表可做二級選單,做導航。

備註:margin與padding的問題**:

margin:200px;設定乙個值,說明上下左右都是200px。

margin:200px(上下) 100px(左右);

margin:100px(上)50px(左右)100px(下)從上到下

margin:100px(上)200px(右)100px(下) 200px(左)順時鐘

padding同上

實際占用空間大小

乙個元素實際占用的空間公式

width(高)+ border(邊框厚度) x 2 + padding(內邊距) x 2+margin(外邊距)x 2

乙個表情的實際高度為height(高) + padding-top(上內邊距) + padding-bottom(下內邊距) + 2 x border(邊框)

兩個相鄰的塊級同時margin時,他們之間的外邊距不會疊加,會取最大的值,這種現象叫margin塌陷

塊級標籤  標籤會設定背景是會獨佔一行

行級標籤  標籤會隨內容的增減來改變自己的空間大小

標籤據此可分為兩類:塊級標籤   

內斂標籤

二者區別

塊級                                           內斂

1.塊級元素會獨佔一行               1.內斂不會獨佔一行----不可以設定行高

2.塊級可以設定行高                   2.內斂元素的margin上下不起作用

二者轉換

塊級轉行級(display:inline;)

行級轉塊級(display:block;)

行級塊元素(display:inline-block;)

備註:line-height---行高--設定字型的垂直位置

一月十三日

標籤 智慧型 解釋認知 頭腦十三日 克里希那穆提 學無過去 智慧型是需要每乙個人自己去揭示的,它並不是知識的產物。知識和智慧型並不同行。當自我認知成熟時,智慧型就來臨。沒有自我認知,就沒有秩序可言,而所謂價值就無從談起。學習認知自身和對自身知識的累積是完全不同的兩件事。乙個在尋求知識的頭腦並非在學習...

八月二十三日 晴,頭腦比較清醒

晚上我到學校接春雷過來,到10點左右子林回來了 給子林要了鑰匙,天色已晚,就留春雷在宿舍住在了這裡。春雷和他老婆都可以算是老夫老妻了,正好,我向他請教一些經驗,自己和寶寶的時間太短,寶寶也是我二十多年來第乙個真正愛上的女孩子,我很珍惜,但是兩個人還有得磨合 早上的時候,覺得特別冷,肚子都快凍著了,涼...

英語九月總結

慢慢地九月份過來了,這個月並沒有太多的精力看英語,在茶餘飯後看會英文短劇 生活中說幾句拗口的口語 工作中彼此之處發音的錯誤,嬉戲打鬧中還是會有很多的樂趣的。盡量聽一些自己熟悉的短劇,由於時間不是很充足,自己就盡量多聽一些,沒有太多的想法,只是想著可以保持原有的熱度,不至於腦子裡邊沒有了英語的痕跡!這...