html a4頁面樣式_前端學習指南，你一定要來看看（HTML篇）

首先是HTML css基礎課程，從HTML開始的話，也得分很多很多的小分類，你要知道html和css樣式的關系，以及html标簽、html檔案結構、head标簽,還有在html中的注釋代碼的作用。

再就是認識各種标簽，

标簽，網頁上顯示的内容放在這裡，

标簽，添加段落，了解标簽，為你的網頁添加标題，加入強調語氣，使用和标簽，使用标簽為文字設定單獨樣式， 标簽，短文本引用，

标簽，長文本引用，使用

标簽分行顯示文本，為你的網頁中添加一些空格， 認識标簽，添加水準橫線， 标簽，為網頁加入位址資訊，加入一行代碼，使用

标簽， 使用

标簽為你的網頁加入大段代碼，使用ul，添加新聞資訊清單，使用ol，添加圖書銷售排行榜，認識div在排版中的作用，給div命名，使邏輯更加清晰， table标簽，認識網頁上的表格，用css樣式，為表格加入邊框，caption标簽，為表格添加标題和摘要，使用标簽，連結到另一個頁面，使用mailto在網頁中連結Email位址，認識标簽，為網頁插入圖檔。                

我們平常都會在網絡上浏覽各個頁面，現在的很多網站都是需要登入的，而表單就可以起到這樣一個作用，如果沒有表單，比如買東西的網站，你就沒辦法去買東西。而把表單學習好了，就可以制作出使用者登入、注冊的頁面。更複雜的一些也是根據這些基礎所延伸出去的。

然後就可以接觸css了，css是一個很神奇的東西，設計者可以通過修改樣式表的定義而使網頁呈現出完全不同的外觀。首先你得認識css的樣式，然後了解清楚樣式的優勢，比如樣式定義豐富，易于使用和修改，可多頁面應用，層疊，頁面壓縮。再了解css的代碼文法與注釋代碼。

關于css有三種方法：内聯式css樣式、嵌套式css樣式、外部式css樣式。關于css樣式的位置及相關的優先級了解清楚，為後面的css樣式具體學習可打下基礎。

學習css選擇器，css選擇器也分為很多種：标簽選擇器、類選擇器、ID選擇器、子選擇器、包含選擇器、通用選擇器等等。

css的一些概念是需要深刻了解的：繼承、層疊和特殊性。

css的格式排版就跟我們所了解的word文檔裡面的文字段落格式有異曲同工之妙，當這些功能了解清楚後，怎麼排版好看大氣，還是看個人的一個審美、靈感了。

css盒模型是css布局的基石，它規定了網頁元素如何顯示以及元素間互相關系。

css的布局模型：流動模型、浮動模型、層布局模型

然後了解機關和值，顔色值，長度值。

雖然css檔案或者嵌入的css都純文字檔案，為了減少css樣式代碼的編寫量，代碼縮寫是很有必要的。這樣可以使使用者通路你的網頁的時候占用更少的帶寬。

當這些都能掌握之後的自行摸索是必不可少的，多探究多思考，下一個前端大牛就是你。