一、無序列表(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點左右子林回來了 給子林要了鑰匙,天色已晚,就留春雷在宿舍住在了這裡。春雷和他老婆都可以算是老夫老妻了,正好,我向他請教一些經驗,自己和寶寶的時間太短,寶寶也是我二十多年來第乙個真正愛上的女孩子,我很珍惜,但是兩個人還有得磨合 早上的時候,覺得特別冷,肚子都快凍著了,涼...
英語九月總結
慢慢地九月份過來了,這個月並沒有太多的精力看英語,在茶餘飯後看會英文短劇 生活中說幾句拗口的口語 工作中彼此之處發音的錯誤,嬉戲打鬧中還是會有很多的樂趣的。盡量聽一些自己熟悉的短劇,由於時間不是很充足,自己就盡量多聽一些,沒有太多的想法,只是想著可以保持原有的熱度,不至於腦子裡邊沒有了英語的痕跡!這...