HTML5+CSS3布局的頁面，漢字顯示不出來是因?yàn)镠TML代碼中對(duì)全站字體顯示做了設(shè)置，如下圖行2021的js語句對(duì)整體網(wǎng)頁代碼字體進(jìn)行了調(diào)用設(shè)置，此時(shí)設(shè)置中文字體不會(huì)被識(shí)別，只需刪除即可識(shí)別漢字；值得一提的是，目前IE678不能完整支持HTML5和CSS3，其它如谷歌火狐瀏覽器等主流版本已經(jīng)支持CSS即層疊樣式表Cascading StyleSheet 在網(wǎng)頁制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁面的布局字體顏色背景；當(dāng)然，如果就是習(xí)慣HTML5+CSS3放在一個(gè)文件里，也未嘗不可，這里也只是建議下面來具體實(shí)現(xiàn)圖21分為兩個(gè)部分1HTML5文件2CSS3文件一HTML5部分1 HTML5的文檔聲明新建indexhtml文件，如果用的網(wǎng)頁編寫工具已經(jīng)支持HTML5文件。

1HTML5是蘋果大力推薦的，可以到蘋果官方網(wǎng)站上學(xué)習(xí)，web 開發(fā)者社區(qū)里有很多資料 2實(shí)際操作時(shí)，跟普通的制作頁面沒有啥大的區(qū)別，看你的功能需求而定其實(shí)很多HTML5+CSS3的新特性在一般頁面制作時(shí)用不上3加強(qiáng)；主要檢測(cè)寬度，并設(shè)置不同的CSS樣式，就可以實(shí)現(xiàn)響應(yīng)式的布局主要依靠是css的媒體查詢注每個(gè)屏幕分辨率下面會(huì)有一個(gè)布局樣式，即元素位置和大小都會(huì)變5彈性布局 rememflex布局；使用html5技術(shù)制作的網(wǎng)頁能給人眼前一亮的感覺這些動(dòng)畫基于HTML5標(biāo)簽和CSS3樣式的效果HTML5技術(shù)還支持自適應(yīng)，可以做到“一次設(shè)計(jì)，通用應(yīng)用”不需要單獨(dú)開發(fā)一個(gè)手機(jī)網(wǎng)站，為企業(yè)降低了開發(fā)成本為什么沒有html5播放器。

3在主界面向右滑動(dòng)屏幕，左側(cè)顯示功能菜單，點(diǎn)擊個(gè)性裝扮選項(xiàng)4看到屏幕上顯示的字體大小項(xiàng)右側(cè)，現(xiàn)在默認(rèn)的選項(xiàng)是小，點(diǎn)擊進(jìn)入設(shè)置5進(jìn)入設(shè)置界面后，有四個(gè)選項(xiàng)最上面的字體最小，是現(xiàn)在使用的；2頭像，圓圈還有郵編的信息是一條完整的信息，可以用一個(gè)div或li來做容器，它分為三部分，左邊頭像，中間圓圈，右邊信息3今天和昨天這兩個(gè)東西就是個(gè)span就行了，加上個(gè)背景圖和顏色，同時(shí)定位到那條藍(lán)色的豎線上。

網(wǎng)頁中表單與控件的應(yīng)用設(shè)計(jì)網(wǎng)頁中音頻與視頻的應(yīng)用設(shè)計(jì)網(wǎng)頁中圖形繪制與操作的應(yīng)用設(shè)計(jì)網(wǎng)頁中特效與交互的應(yīng)用設(shè)計(jì)網(wǎng)頁中元素與整體布局的應(yīng)用設(shè)計(jì)，將HTML5和CSS3的相關(guān)知識(shí)合理安排到各個(gè)教學(xué)單元中；當(dāng)然，因?yàn)檫@些高端智能手機(jī)IphoneAndroid的內(nèi)置瀏覽器都是基于webkit內(nèi)核的，所以在開發(fā)WEBAPP時(shí)，多數(shù)都是使用HTML5和CSS3技術(shù)做UI布局當(dāng)使用HTML5和CSS3l做UI時(shí)，若還是遵循著一般web開發(fā)中使用HTML4和CSS2那樣的開發(fā)方式的話，這；提取碼1234 HTML5+CSS3 網(wǎng)頁設(shè)計(jì)與布局經(jīng)典課堂以HTML 和CSS 為寫作基礎(chǔ)，以“理論知識(shí)+實(shí)操案例”為創(chuàng)作導(dǎo)向，圍繞網(wǎng)頁設(shè)計(jì)的基本知識(shí)展開講解書中的每個(gè)；viewport標(biāo)簽極其屬性代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot每個(gè)屬性的詳細(xì)介紹2使用css3單位remrem是CSS。

通常情況下，需要區(qū)分，具體需要看用戶網(wǎng)站方的需求可以采用響應(yīng)式布局的方式，取320640等斷點(diǎn)，用一套CSS兼容手機(jī)padPC等平臺(tái)如果說，需要兼容IE8，那么響應(yīng)式布局需要慎重選擇；有幾種，利用meta標(biāo)簽百分比法使用CSS3單位rem媒體查詢利用meta標(biāo)簽 Meta標(biāo)簽主要用來描述一個(gè)HTML網(wǎng)頁文檔的屬性，如作者日期時(shí)間網(wǎng)頁描述關(guān)鍵詞頁面刷新等，它的Description和Keywords屬性，可加入網(wǎng)站的關(guān)鍵字；智能手機(jī)一般都是用html5，從手機(jī)網(wǎng)站設(shè)計(jì)來講，需要自適應(yīng)手機(jī)屏幕大小，最好是采用HTML5+CSS3，從行業(yè)網(wǎng)站類別上講，網(wǎng)站設(shè)計(jì)應(yīng)注意的有背景顏色網(wǎng)站布局等等當(dāng)然，這只是簡(jiǎn)單通俗的理解，在技術(shù)上和設(shè)計(jì)上，有自己的技術(shù)；4SenchaTouchSenchaTouch是第一個(gè)基于HTML5的移動(dòng)應(yīng)用框架，利用JavaScriptHTML5和CSS3來構(gòu)建移動(dòng)應(yīng)用程序，該框架利用本地代理存儲(chǔ)離線數(shù)據(jù)，具體使用HTML5來渲染視頻和音頻組件可以讓你的WebApp看起來就像本地應(yīng)用程序一樣。