新建乙個web專案，在標籤中建立乙個
，指定class屬性=「header」。在
中建立乙個無序列表，指定class屬性=「header_ul」。在其中新增幾個作為導航欄的選單並分別指定class屬性
pages
portfolio
blog
可以看到，這和我們需要的導航欄的效果可不同，這就需要我們在css檔案中改變它的樣式
建立乙個style.css檔案
首先將body的邊緣留白設定為0
body.header.header_ul設定滑鼠滑入變色
.header_ul li
.header_ul li:hover
.header_ul_ul
.header_ul_ul li
.header_ul_home .header_ul_ul
.header_ul_pages .header_ul_ul
.header_ul_portfollo .header_ul_ul
.header_ul_blog .header_ul_ul
.header_ul_home:hover .header_ul_ul
.header_ul_pages:hover .header_ul_ul
.header_ul_portfollo:hover .header_ul_ul
.header_ul_blog:hover .header_ul_ul
這樣就基本實現了導航欄的效果
完整的css**如下
body
/*導航欄*/
.header
/*一級選單*/
.header_ul
.header_ul li
.header_ul li:hover
/*二級選單*/
.header_ul_ul
.header_ul_ul li
.header_ul_home .header_ul_ul
.header_ul_pages .header_ul_ul
.header_ul_portfollo .header_ul_ul
.header_ul_blog .header_ul_ul
.header_ul_home:hover .header_ul_ul
.header_ul_pages:hover .header_ul_ul
.header_ul_portfollo:hover .header_ul_ul
.header_ul_blog:hover .header_ul_ul
Html（5）CSS樣式入門
css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式，如文字大小 顏色 字型加粗等。慕課網，超酷的網際網路 it技術免費學習平台，創新的網路一站式學習 實踐體驗 服務及時貼心 內容專業 有趣易學 專注服務網際網路工程師快速成為技術高...
html5 css 學習小結
我最喜歡的一段話是這麼說的，我們今天的生活由昨天的選擇決定的，我們今天的選擇決定我們明天的生活。所以，少年，為了明天的生活，奮鬥吧！這是最近寫靜態頁面遇到的一些問題以及解決方法。1.div 的hover顯示邊框會向右下方移動的問題 現在的網頁上經常會需要把滑鼠移動到上顯示邊框的效果，但是因為標準盒模...
css實戰導航欄設計
遇到滑鼠在上方時，區域使用藍色作為底色，與其他未選中區域的文字的顏色儲存一致，選中區域的文字變為白色。答 實現效果圖如下 實現的 使用的標籤是 hover選擇器 乙個html 的小技巧 把行內的元素居中?答 直接設定行高 line height 25px 精靈圖是什麼？答 歷史上網速較慢的時候，小圖...