新人小白在線學習
認真是一種態度
今天的學習內容從CSS導航欄開始,
CSS導航欄
熟練使用導航欄,對于任何網站都非常重要,
使用CSS你可以轉換成好看的導航欄而不是枯燥的HTML選單,
首先,我們要有一個概念,導航條等同于一個鏈接串列,

導航欄可以是垂直的,也可以是水平的,同時,我們也可以通過之前學到的知識,去為導航欄設定底色以及邊框等等,使其看起來更為美觀,也可以使用position將其位置固定,
CSS表單
CSS作為可以讓Html美觀的工具,在表單這個地方同樣適用,
初始樣式:

使用CSS渲染后:

可以發現,通過CSS的渲染,表單看起來好看了很多,這就是我們在學習過Html后,接著學CSS的目的,下面用圖來看一下如何實作的:

CSS下拉選單和提示工具
下拉選單類似于下面這種形式,但下面這個做的較為簡陋,同樣可以為其加一個修飾,使其看起來更美觀,


當然,在下拉選單中,我們日常都會放超鏈接進去,我們就可以將下拉選單中的元素設定超鏈接,讓用戶可以選中,跳轉,這個程序進行時,也可以根據之前寫鏈接那一塊內容時學到的加入進去,知識就是這樣穿插著,伴隨著學習的加深,對基礎越來越熟練,
關于提示框,我覺得跟下拉選單本質上是差不多的,都是滑鼠移動過去,然后出現資訊,只是一個是選單形式,一個是提示資訊,我們就可以趁熱打鐵,將剛才的知識運用起來,

CSS網頁布局

菜鳥教程:https://www.runoob.com/css/css-tutorial.html
CSS的筆記應該就這三篇了,明天我們將去學習CSS3,但我覺得有CSS的基礎,CSS3應該上手挺快的,明天可能就會挑一些重點難點去記,還是那句話,學這種,最重要的是實際操作,加油,沖沖沖!
再見,
如有不對或不準確,歡迎各位大佬指正(卑微),
往期回顧:
小白筆記(一)——CSS-V1.0
小白筆記(二)——CSS-V2.0
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/173764.html
標籤:java
上一篇:Node.js 第三天學習總結
