前端開發工具

編輯器

editPlus

sublime

瀏覽器：

Chrome

Safari

Firebox

IE

插件：firebug

chrome：

inspect element

　　2.html 組成結構

1 聲明必須是 HTML 文檔的第一行，位于 標簽之前,不是 HTML 標簽；

2 它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令, 瀏覽器讀取。

3描述頁面的頭部信息，如頁面的標題、作者、摘要、關鍵詞、版權、自動刷新等信息，方便搜索引擎讀取。

4 網頁主體內容。

　　3.網頁布局

大多數網站會把內容安排到多個列中（就像雜志或報紙那樣）。

可以使用 <div> 或者 <table> 元素來創建多列。CSS 用于對元素進行定位，或者為頁面創建背景以及色彩豐富的外觀。 標簽描述

<div>	定義文檔中的分區或節（division/section）。
<span>	定義 span，用來組合文檔中的行內元素

　　4.盒模型

標準?W3C 盒子模型的范圍包括 margin、border、padding、content，并且 content 部分不包含其他部分。 內容（CONTENT）就是盒子里裝的東西； 而填充(PADDING)就是怕盒子里裝的東西（貴重的）損壞而添加的泡沫或者其它抗震的輔料； 邊框(BORDER)就是盒子本身了；至于邊界(MARGIN)則說明盒子擺放的時候的不能全部堆在一起，要留一定空隙保持通風，同時也為了方便取出。在網頁設計上，內容常指文字、圖片等元素，但是也可以是小盒子（DIV嵌套），與現實生活中盒子不同的是，現實生活中的東西一般不能大于盒子，否則盒子會被撐壞的，而CSS盒子具有彈性，里面的東西大過盒子本身最多把它撐大，但它不會損壞的。 填充只有寬度屬性，可以理解為生活中盒子每個HTML標記都可看作一個盒子。

轉載于:https://www.cnblogs.com/alanwang88/p/6885652.html

總結

以上是生活随笔為你收集整理的前端开发基础的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。