這個(gè)可以通過(guò)絕對(duì)定位，配合left設(shè)置 或者translate去實(shí)現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過(guò)渡transitionleft 03s 然后讓class為menu active的元素。

HTML5+CSS3做一個(gè)后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點(diǎn)擊三條杠，可以收起或展開(kāi)側(cè)邊導(dǎo)航欄收起時(shí)，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語(yǔ)隱藏展開(kāi)時(shí)圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語(yǔ)顯示。

lth1ltp折疊1ltplth1 lth1ltp折疊2ltplth1 lth1ltp折疊3ltplth1 lth1ltp折疊4ltplth1 需要js來(lái)，最好用jquery來(lái)實(shí)現(xiàn) 只需要給h1綁定事件，單件它的時(shí)候，設(shè)置它的p屬性，display。

給你個(gè)例子 lttitlediv css3 側(cè)邊菜單導(dǎo)航欄titleltstyle type=quottextcssquot*margin0padding0liststyletypea，imgborder0bodyfont12px180% Arial， Helvetica， sansserif。

這問(wèn)題好糾結(jié)，最少來(lái)個(gè)截圖啊，給你寫個(gè)吧，粘過(guò)去就行，不行的話留個(gè)q，繼續(xù)問(wèn) lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項(xiàng)卡lttitle ltstyle type=quottextcssquot webkit。

同時(shí)HTML5也對(duì)某些元素進(jìn)行了重定義，改變了它們的語(yǔ)言內(nèi)容但表現(xiàn)不變?nèi)鏱標(biāo)簽i標(biāo)簽，仍然表示為粗體斜體，但代表了一段需要被關(guān)注的文字一段不同性質(zhì)的文字，如技術(shù)術(shù)語(yǔ)外文短語(yǔ)等HTML5屬性變化。

html5可以將網(wǎng)頁(yè)分塊， 網(wǎng)頁(yè)分塊意味著將一個(gè)頁(yè)面劃分為幾個(gè)獨(dú)立的部分，包括內(nèi)容菜單頭部底部鏈接等， 這些只要使用一些新的標(biāo)簽下面是一張html5概念圖1ltheader 網(wǎng)站頭部標(biāo)簽 2ltnav 導(dǎo)航標(biāo)簽 3lt。

頭部headernav 側(cè)欄aside 內(nèi)容articlesectiondiv 腳部footer 這些僅僅是html5的一部分，常出現(xiàn)在整個(gè)網(wǎng)頁(yè)的“大框架”結(jié)構(gòu)上，具體位置如下html5 雖然增加了很多新的標(biāo)簽，但是并不代表完全拋棄了原有的標(biāo)簽。

html5中menu和nav的區(qū)別如下1menu就是頁(yè)面中的菜單，而nav是導(dǎo)航條 2菜單是一組控件的集合，比如按鈕，文本框等，通常菜單都要關(guān)聯(lián)一個(gè)js事件進(jìn)行人機(jī)交互導(dǎo)航是網(wǎng)站的一組鏈接的集合，主要是a標(biāo)簽，這些鏈接是。

如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中。

html5的新增的標(biāo)簽都是帶有語(yǔ)義的，不光要從字面來(lái)說(shuō)，還要從舉例中來(lái)說(shuō)article 是獨(dú)立的一塊內(nèi)容，比如一篇新聞，一篇文章，包含文章主旨，還可以包含輔助內(nèi)容section 類似div，不過(guò)比div更有意義，他是對(duì)內(nèi)容進(jìn)行分塊。

表示主題結(jié)束，而不是水平線，雖然顯示相同 ltmenu 重新定義用戶界面的菜單，配合commond或者menuitem使用 ltsmall 表示小字體，例如打印注釋或者法律條款 ltstrong 表示重要性而不是強(qiáng)調(diào)符號(hào) HTML5 是下一代的 HTML。

HTML5新增的元素如下所示，希望對(duì)你有幫助，望采納新的語(yǔ)義和結(jié)構(gòu)元素ltarticle 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域ltaside 定義頁(yè)面的側(cè)邊欄內(nèi)容ltbdi 允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置ltcomman。

等元素，也有一些全新的元素，如 audio， video一些在 HTML4 中不被推薦使用的元素，如 font 和 center 將被棄用HTML5 引入的新 HTML 元素包括article文章 aside內(nèi)容旁邊的側(cè)邊欄內(nèi)容 audio音頻 canvas2D。

只需要做好樣式，隱藏顯示就好了。

介紹HTML5中新添加的標(biāo)簽用法于說(shuō)明aside 添加附注，用于包含于當(dāng)前文檔相關(guān)的內(nèi)容，如側(cè)欄提示文檔相關(guān)文檔，也可以使用來(lái)放廣告相關(guān)內(nèi)容鏈接，一個(gè)完全獨(dú)立的區(qū)塊作為頁(yè)面主要內(nèi)容的陪襯 article 獨(dú)立文檔標(biāo)記表示一。

親，你好，很樂(lè)意為你解答問(wèn)題，目前并不是所有手機(jī)瀏覽器都支持HTML5+CSS3的功能 所以并不是你使用了CSS3的制作方法，所有手機(jī)就會(huì)識(shí)別你的制作方法首先你要確認(rèn)你的網(wǎng)站為了哪一部分的手機(jī)用戶提供服務(wù)，如果有問(wèn)題。