1、1用Dreamweaver創(chuàng)建一個(gè)新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12。

2、01首先打開(kāi)SublimeText軟件，新建一個(gè)html頁(yè)面，在html頁(yè)面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來(lái)，我們?cè)趆tml的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫(xiě)樣。

3、排版的時(shí)候?qū)Ш綏l和logo在一個(gè)盒子模型內(nèi)，也就是一個(gè)div內(nèi)，分別定義logo和導(dǎo)航的寬度，然后浮動(dòng)即可。

4、CSShtml5如何做到點(diǎn)擊導(dǎo)航欄切換頁(yè)面導(dǎo)航欄下面放一個(gè)Div，專(zhuān)門(mén)用來(lái)顯示對(duì)應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件函數(shù)中獲取點(diǎn)擊的欄目id，通過(guò)此id確定往p中添加那個(gè)內(nèi)容可以用pinnerHTML來(lái)更新p顯示的內(nèi)容。

5、HTML5讓導(dǎo)航欄固定頂部不動(dòng)且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條。

6、導(dǎo)航欄下面放一個(gè)Div，專(zhuān)門(mén)用來(lái)顯示對(duì)應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件函數(shù)中獲取點(diǎn)擊的欄目id，通過(guò)此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來(lái)更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量。

7、HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來(lái)實(shí)現(xiàn)會(huì)用到css中的positionfixed屬性，結(jié)合來(lái)實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0。

8、可以實(shí)現(xiàn)的，HTML5可以使用手機(jī)的GPS信息，利用百度等地圖的開(kāi)放API就可以了HTML5中可以通過(guò)IP，WIFI信息，GPS，來(lái)實(shí)現(xiàn)地理定位，當(dāng)然相關(guān)精度也是有所不同，所以如果要精確導(dǎo)航就得使用GPS信息下面是一段HTML5結(jié)合百度地圖。

9、lt！doctype html lthtml lthead lttitle導(dǎo)航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框?qū)挾? width 150px nav ul margin 0padding 0 nav ul li。

10、修改的就是那些top之類(lèi)的，如下所示從第一個(gè)變成第二個(gè)ltdiv class=quotnavbarsquot style=quottop 44pxquot ltnav role=quotmainquot class=quotquot style=quotmargintop 20px marginleft 20px marginright 20px。

11、Web前端開(kāi)發(fā)是一種綜合性的開(kāi)發(fā)技術(shù)，在項(xiàng)目開(kāi)發(fā)過(guò)程中不僅僅是需要前端開(kāi)發(fā)技術(shù)，還需要一定的后端開(kāi)發(fā)技術(shù)識(shí)，其中包括了HTML5，CSS3，JS等技術(shù)，參加前端培訓(xùn)可以熟練掌握這幾門(mén)知識(shí)，做開(kāi)發(fā)工程師是完全沒(méi)問(wèn)題的，加上微信。

12、建立三個(gè)網(wǎng)頁(yè)，一個(gè)作為主頁(yè)面，另外兩個(gè)子頁(yè)面作為切換頁(yè)面嵌入主頁(yè)面，子頁(yè)面也可以用文字替代用jQuery方法來(lái)切換頁(yè)面，語(yǔ)言比較簡(jiǎn)單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=。

13、兩種方式一種給DIV設(shè)置背景圖片，背景圖片可以設(shè)計(jì)成圓角適用范圍廣建議使用這一種方法另一種用CSS3技術(shù)，設(shè)置webkitborderradius10pxmozborderradius10pxborderradius 15px只能在最新的瀏覽。

14、lt！doctype htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle圓形導(dǎo)航lttitle ltlink rel=quotstylesheetquot href=quotcsscommoncssquot ltstyle type=quottextcssquot div1 width 405px。

15、估計(jì)導(dǎo)航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部導(dǎo)航 windowonresizefunction var docheight = windowinnerHeight ifdocheig。

16、adisplay blockahoverbackgroundurl#39紅色方框的圖png#39思路差不多就這樣，具體的代碼和圖自己搞定吧。