百度首頁 HTML5

2021-07-12 01:59:10 字數 2925 閱讀 7556

1 圖一 : header(位於右上角)

2 圖二 : content(位於中間位置)

3 圖三 : footer(位於底部的中間)

target="_blank">糯公尺a>

href=""

target="_blank">新聞a>

href=""

target="_blank">hao123a>

href=""

target="_blank">地圖a>

href=""

href=""

target="_blank">貼吧a>

href="#"

class="no-weight">登入a>

href="#"

class="no-weight">設定a>

href="#"

class="more-product">更多產品a>

alt="標識">

div>

div>

body>

html>

/*設定全域性的屬性*/

*/*設定a標籤中字型的顏色*/

a/*設定整個網頁的背景*/

body

/*頭部*/

#header

/*header中的a*/

#header

a/*設定標題中後三個標題中的兩個標題模式*/

#header

a.no-weight

/*設定最後乙個標題的模式*/

#header

a.more-product

/*中間內容*/

#content

/*中間內容的頭部*/

.content-top

/*設定頭部的大小*/

.content-top

img/*設定中間內容的底部(輸入框)*/

.content-bottom

/*設定輸入框的大小*/

.content-bottom

input

.content-bottom

input

:focus

.content-bottom

a/*設定*/

.content-img

img/*設定的位置*/

.content-img

/*設定的偽類*/

.content-img

img:hover

/*設定尾部*/

#footer

/*底部的頂端*/

.footer-top

/*底部頂端的文字*/

.footer-top

a/*底部的底端*/

.footer-bottom

/*底部底端的a標籤*/

.footer-bottom

a1 如果有不理解的標籤,直接去該**查詢 :

1 html5學習的差不多了,相對來說只要你具有ios的基礎,學習起來並不是很難,只要經常的去上面的**逛逛就可以.最近花了點時間在html5上,希望能給大家分享我理解的知識.最後如果大家覺的我寫的還可以,麻煩大家關注我的官方部落格,謝謝!!!!

仿新版百度首頁,99 還原真實百度首頁。

老規矩,首先上效果圖 效果還可以吧,新聞 hao123 地圖貼吧 登入設定更多產品 搜尋設定 高階搜尋 關閉 搜尋歷史 是不是感覺 量有點少,在誇你非常聰明的同時我想說 是不是你已經複製過去檢視效果了,結果一看什麼也不是。不要急嘛,讓人家先去洗個澡收拾一下嘛 一。這。不要想歪了,碼這些 有點熱而已,...

HTML5趨勢下的百度前端開發

2012 9 28 15 41 發布者 html5cn 摘要 在這個依舊 百花齊放 的 準html5時代 我們將繼續 相容幷蓄 的為各類平台使用者提供優質的前端體驗,為迎接html5的崛起做好更加充分的準備。小林同志,有人來踢館。誰啊,不想混了吧 看來關鍵問題就是要優化css。經過對數十款手機數千次...

百度首頁頁面

一.兩個檔案一張,都在同級目錄下 2.乙個css外部樣式表,命名為baidu.css 3.乙個html,命名為baidu.html 二.baidu.css如下 charset utf 8 div1 div2 div2 div2 h1 p2 div2 web div2 search div2 clic...