天學會html+css,第六天橫向導航。
今天的學習目標是這部分橫向導航菜單。
·找到中間盒子,在里面添加ul列表,結構跟昨天的縱向導航菜單一樣。文本內容快速添加,看下效果。
·然后從外到內依次寫css樣式,ul的高度跟上一層一樣,默認樣式黑點去掉,看下效果。
·給 li添加左浮動,讓它們從縱向排列變成橫向排列。在給a標簽寫css樣式之前,別忘了要添加這句代碼。
·接著去掉默認樣式下劃線,文字顏色用黑色,文字水平居中的方法,讓高度和行高一樣,看下效果。
·再給每個a標簽的右邊都加上一定的內邊距,讓它們變寬,看起來就分開了。
·最后還有一個文字變色的效果,給a標簽加上hove偽類,顏色設置為紅色,看下效果。
到此,今天的學習完成。
迎大家學習《十天學會web標準》,也就是我們常說的DIV+CSS。不過這里的DIV+CSS是一種錯誤的叫法,建議大家還是稱之為web標準。
學習本系列教程需有一定html和css基礎,也就是指您之前做過網頁,會用表格布局。如果您剛開始學習網頁制作,不知道什么是表格布局及html和css,建議您先去充電,否則學習本教程會非常吃力或者根本就聽不懂。
由于時間關系,本教程只講解一些基礎知識,讓您從原來的表格布局跨入到web標準(div+css)布局,會使用web標準制作出常見的頁面,這也達到了本教程的目的。
本教程多以實例形式循序漸進講解,實例涉及到哪些關鍵點或難點就講解什么,較少講解概念。因為概念這些東西很難說明白,或者說明白你也不一定能聽懂,聽懂了也不一定能理解。所以把概念留給大家以后再深入研究。
由于章節關系,沒有把css和css hack單獨分出,只是在用到的時候穿插入講解了。html基礎和css基礎只在第一節中介紹了幾點重要的。
小編先和大家說好,由于這是一本系統的web標準學習書籍,只能截圖部分展示,如果有需要全書資料的請私信<書籍>小編,已經為大家準備好了電子版
由于篇幅原因,小編就不過多展示了,想必大家也看見了,十天內干怎么學習。。
這本《十天學會web標準》真的超系統、超完整,無論你是小白、初級、中高級,你都能從這本書籍里汲取到你想要學習的東西
如果你需要這本書的電子版,可以轉發此文后+私信我:書籍,即可免費領取這本書的電子版了,等你讀到這本書后,你會發現,確實經典。
迎大家學習《十天學會web標準》,也就是我們常說的DIV+CSS。不過這里的DIV+CSS是一種錯誤的叫法,建議大家還是稱之為web標準。
學習本系列教程需有一定html和css基礎,也就是指您之前做過網頁,會用表格布局。如果您剛開始學習網頁制作,不知道什么是表格布局及html和css,建議您先去充電,否則學習本教程會非常吃力或者根本就聽不懂。
由于時間關系,本教程只講解一些基礎知識,讓您從原來的表格布局跨入到web標準(div+css)布局,會使用web標準制作出常見的頁面,這也達到了本教程的目的。
本教程多以實例形式循序漸進講解,實例涉及到哪些關鍵點或難點就講解什么,較少講解概念。因為概念這些東西很難說明白,或者說明白你也不一定能聽懂,聽懂了也不一定能理解。所以把概念留給大家以后再深入研究。
由于章節關系,沒有把css和css hack單獨分出,只是在用到的時候穿插入講解了。html基礎和css基礎只在第一節中介紹了幾點重要的。
小編先和大家說好,由于這是一本系統的web標準學習書籍,只能截圖部分展示,如果有需要全書資料的請私信<書籍>小編,已經為大家準備好了電子版
由于篇幅原因,小編就不過多展示了,想必大家也看見了,十天內干怎么學習。。
這本《十天學會web標準》真的超系統、超完整,無論你是小白、初級、中高級,你都能從這本書籍里汲取到你想要學習的東西
如果你需要這本書的電子版,可以轉發此文后+私信我:書籍,即可免費領取這本書的電子版了,等你讀到這本書后,你會發現,確實經典。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。