CSS總結 導航欄

2021-08-11 05:49:11 字數 1327 閱讀 5655

接上回書,

html

的作用是把內容寫到網頁上去;

css的作用是對內容進行樣式的修飾。

css,cascading style sheets

,層疊樣式表。

css

新增到html

中的方式

內聯樣式:

解釋:在本標籤中加入css

**展示:

這是乙個段落。

內部樣式表:

解釋:在本頁面的

啊哈哈哈哈哈佛阿蘇廣佛愛迪生廣濟南路大咖個奇偶的發掘和公婆東方麗景韓

立凱赤峰**廣發華福遞迴和啊哈哈哈哈哈佛阿蘇廣佛愛迪生廣濟南路大咖個

奇偶的發掘和公婆東方麗景韓立凱赤峰**廣發華福遞迴和

啊哈哈哈哈哈佛阿蘇廣佛愛迪生廣濟南路大咖個奇偶的發掘和公婆東方麗景韓立凱赤峰**廣發華福遞迴和

啊哈哈哈哈哈佛阿蘇廣佛愛迪生廣濟南路大咖個奇偶的發掘和公婆東方麗景韓立凱赤峰**廣發華福遞迴和

啊哈哈哈哈哈佛阿蘇廣佛愛迪生廣濟南路大咖個奇偶的發掘和公婆東方麗景韓立凱赤峰**廣發華福遞迴和

css**:

body

ulli a

li a.active

li a:hover:not(.active)

background-color:#555;

color:white;

栗子2號(水平導航欄)要實現的效果:

源**展示:

html中:

在螢幕寬度小於600px時,會重置導航欄為垂直型

css中:

body

ul li

li a,.dropbtn

li a:hover,.dorpdown:hover.bropbtn

li a.active

.dropdown

.dropdown-content

.dropdown-content a

.dropdown-content a:hover

.dropdown:hover .dropdown-content

小結

對html和css的學習算是告乙個段落了,在這個階段的學習中更加明白了應該怎麼去主動學習。加油。

CSS實現側邊欄導航

charset utf 8 title type text css 隱藏checked核取方塊 sidemenu sidemenu checked aside sidemenu checked wrap aside h2 控制側邊欄進出的按鈕 外部包裹 wrap 控制側邊欄進出的按鈕 內部文字樣式 ...

CSS製作浮動導航欄

看著網上的教程做了個浮動導航欄,功能如圖 導航欄固定在視窗左側 使用fixed 滑鼠移動到一級欄目時,展開二級欄目,移動到二級欄目時展開 欄目 如下 一級欄目 二級欄目 二級欄目 一級欄目 二級欄目 二級欄目 一級欄目 二級欄目 二級欄目 ul li body page l 1 l 1 hover ...

css實戰導航欄設計

遇到滑鼠在上方時,區域使用藍色作為底色,與其他未選中區域的文字的顏色儲存一致,選中區域的文字變為白色。答 實現效果圖如下 實現的 使用的標籤是 hover選擇器 乙個html 的小技巧 把行內的元素居中?答 直接設定行高 line height 25px 精靈圖是什麼?答 歷史上網速較慢的時候,小圖...