對于零基礎(chǔ)的人而言，要怎么學習web前端呢？1 前端頁面重構(gòu)主要內(nèi)容為PC端網(wǎng)站布局Photoshop 工具及切圖H5移動端網(wǎng)頁布局HTML5+CSS3新特性與交互學習目標是完成PC端網(wǎng)站布局，可實現(xiàn)響應式布局，一套代碼適配 PC。

HTML5和CSS3是HTML和CSS的最新版本，它們目前均未確定標準，但是已經(jīng)公布的新特征已經(jīng)讓我們心動不已HTML5的新特新1 新的內(nèi)容標簽HTML4中的內(nèi)容標簽級別相同，無法區(qū)分各部分內(nèi)容而 HTML5 中的內(nèi)容標簽互相獨立，級別。

5footer元素 表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注一般來說，他會包含創(chuàng)作者的姓名創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息HTML5新規(guī)則新特性應該基于 HTMLCSSDOM 以及 JavaScript 減少對外部插件的需求比如 Flash。

比如HTML5與CSS3兩者之間的融合，為網(wǎng)頁設計打開了全新的局面，有利于提升網(wǎng)頁設計的效益因此，積極探究HTML5與CSS3的在網(wǎng)頁設計中的應用，顯得尤為必要 1 HTML的發(fā)展，特性和應用 11 HTML的發(fā)展歷程 HTML英文翻譯全稱為超文本標記。

3加粗和斜 體兩個值之間可以互 換位置 字號行高字體不能更改位置 水平對齊textalign 設置文本水平方向的對齊 屬性名 作用 left 居中對齊，大部分標簽的默認值 center 居中對齊 right 居右對齊。

1CSS3圓角表格圓角表格，對應屬性borderradius2以往對網(wǎng)頁上的文字加特效只能用filter這個屬性，這次CSS3中專門制訂了一個加文字特效的屬性，而且不止加陰影這種效果對應屬性fonteffect3豐富了對鏈接下劃線的。

新的語法特征被引進以支持這一點，如videoaudio和canvas 標記HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括新的解析規(guī)則增強了靈活性新屬性淘汰過時的或冗余的屬性等。

HTML5新特性如下1脫機緩存您可以在關(guān)閉瀏覽器并再次打開時還原數(shù)據(jù)，以減少網(wǎng)絡流量2音頻和視頻可以自由嵌入，多媒體形式更加靈活3地理位置地理位置定位使得定位導航不再是專屬導航軟件，地圖也不需要下載很大的。

HTML5+CSS3是HTML+CSS的更新，增加了很多非常實用的功能這部分主要是從PC端和移動端兩方面掌握整體的頁面布局技術(shù)，并且配合項目實戰(zhàn)操練學以致用二JS交互設計 這一部分主要掌握JS的基本語法算法和高級語法，熟練。