web標準 複習 8

2022-01-11 12:06:55 字數 813 閱讀 4338

今天我們開始學習下拉及多級彈出選單,包含以下內容和知識點:

帶下拉子選單的導航選單

絕對定位和浮動的區別和運用

css自適應寬度滑動門選單

一、帶下拉子選單的導航選單

下拉列表在一些企業**應用尤為廣泛,它存在使用方便,占用空間小等特點。之前縱向導航教程中已使用過二級導航,今天製作下橫向導航選單的二級選單,方法和縱向一樣,只不過由縱向改變為橫向而已,下面我們以上一章第二節用美化的橫向導航中的例項進行修改。

"

-//w3c//dtd xhtml 1.0 transitional//en""

">

"">"

menu

">"#

">web教程"#

">web例項"#

">常用**

二、絕對定位和浮動的區別和運用

學習到現在,定位和浮動也都涉及到了,但有些朋友可能還在迷惑,兩者都可以分欄布局,到底什麼時候用浮動,什麼時候用定位呢?

當乙個元素使用絕對定位後,它的位置將依據瀏覽器左上角開始計算或相對于父容器(在父容器使用相對定位時)。 絕對定位使元素脫離文件流,因此不佔據空間。普通文件流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文件流無關,所以它們可以覆蓋頁面上的其他元素。

而浮動元素的定位還是基於正常的文件流,然後從文件流中抽出並盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當乙個元素從正常文件流中抽出後,仍然在文件流中的其他元素將忽略該元素並填補他原先的空間。它只是改變了文件流的顯示,而沒有脫離文件流,理解了這一點,就很容易弄明白什麼時候用定位,什麼時候用浮動了。

web標準 複習 6 html列表

今天我們開始學習html列表,包含以下內容和知識點 ul無序和ol有序列表 改變專案符號樣式或用定義專案符號 橫向 列表 浮動後父容器高度自適應 ie6的雙倍邊距bug 一 ul無序和ol有序列表 無序列表是web標準布局中最常用的樣式,如下 這就是有無序列表,是以ul包含li的形式,預設每行前的符...

標準C 複習

第二章 資料輸入與輸出 第三章c 基礎 第四章 類與物件 第五章 繼承 5.4派生類的建構函式只負責直接基類初始化 但虛擬繼承中,存間接虛基類,須負責初始化 5.5單,多繼承呼叫次序 基類 物件成員 派生類建構函式 5.6 class 派生類名 virtual 繼承方式 基類名1 虛擬繼承 解決命名...

web前端複習

1 五大常用瀏覽器 1 chrome webkit blink webkit 2 firefox gecko moz 3 ie trident ms 4 oprea presto o 5 safiri webkit webkit 2 文字標籤 下劃線 span 1 行內元素 em,i,span a ...