前端開(kāi)發(fā)工具

編輯器

editPlus

sublime

瀏覽器：

Chrome

Safari

Firebox

IE

插件：firebug

chrome：

inspect element

　　2.html 組成結(jié)構(gòu)

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

2 它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令, 瀏覽器讀取。

3描述頁(yè)面的頭部信息，如頁(yè)面的標(biāo)題、作者、摘要、關(guān)鍵詞、版權(quán)、自動(dòng)刷新等信息，方便搜索引擎讀取。

4 網(wǎng)頁(yè)主體內(nèi)容。

　　3.網(wǎng)頁(yè)布局

大多數(shù)網(wǎng)站會(huì)把內(nèi)容安排到多個(gè)列中（就像雜志或報(bào)紙那樣）。

可以使用 <div> 或者 <table> 元素來(lái)創(chuàng)建多列。CSS 用于對(duì)元素進(jìn)行定位，或者為頁(yè)面創(chuàng)建背景以及色彩豐富的外觀。 標(biāo)簽描述

<div>	定義文檔中的分區(qū)或節(jié)（division/section）。
<span>	定義 span，用來(lái)組合文檔中的行內(nèi)元素

　　4.盒模型

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

轉(zhuǎn)載于:https://www.cnblogs.com/alanwang88/p/6885652.html

總結(jié)

以上是生活随笔為你收集整理的前端开发基础的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。