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

2、01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣。

3、排版的時候導航條和logo在一個盒子模型內，也就是一個div內，分別定義logo和導航的寬度，然后浮動即可。

4、CSShtml5如何做到點擊導航欄切換頁面導航欄下面放一個Div，專門用來顯示對應導航欄目的內容點擊導航欄觸發(fā)點擊事件，在事件函數中獲取點擊的欄目id，通過此id確定往p中添加那個內容可以用pinnerHTML來更新p顯示的內容。

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

6、導航欄下面放一個Div，專門用來顯示對應導航欄目的內容點擊導航欄觸發(fā)點擊事件，在事件函數中獲取點擊的欄目id，通過此id確定往div中添加那個內容可以用divinnerHTML來更新div顯示的內容或者，導航欄下面放置多個Div，數量。

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

8、可以實現(xiàn)的，HTML5可以使用手機的GPS信息，利用百度等地圖的開放API就可以了HTML5中可以通過IP，WIFI信息，GPS，來實現(xiàn)地理定位，當然相關精度也是有所不同，所以如果要精確導航就得使用GPS信息下面是一段HTML5結合百度地圖。

9、lt！doctype html lthtml lthead lttitle導航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框寬度* width 150px nav ul margin 0padding 0 nav ul li。

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

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

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

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

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

15、估計導航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部導航 windowonresizefunction var docheight = windowinnerHeight ifdocheig。

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