1、html：
html由 乙個乙個標籤組成，這些標籤各司其職，有的提供網頁資訊，有的負責，有的負責網頁布局。
通過 瀏覽器來顯示。
2、瀏覽器
瀏覽器軟體分為兩部分：外殼，核心（引擎）
外殼：提供互動介面
核心（引擎）：
提供 html， css影象的渲染引擎，提供dom程式設計介面。
提供 j**ascrpt 引擎，提供瀏覽器內建物件
js引擎：
不同瀏覽器核心中也使用不同的js 引擎，常見的js 引擎有jscipt，tracemonkey(firefox), v8等。
每個引擎差異不小，所以通過jquery等框架來解決相容性問題，抹平平台差異。
3、j**ascript
js：j**ascript 簡稱js，是一種動態的弱型別解釋性語言， 和html, css 並稱為三大web 核心技術
js 是ecmascript 標準的實現之一，因為還有 微軟的jscript, vbscript等
es:
es,ecmascript 是由ecma國際通過的ecma-262標準化的指令碼程式語言。
js 是商品名，es 是標準名
根據es標準，有很多 實現引擎，其中包括js，jscript等，它們都是ecma-262標準的實現和擴充套件
2023年 es6發布，即ecmascript 2015，從es5 開始支援 json
v8引擎
08年，google的chrome發布，同時發布了js 引擎，就是v8 引擎，v8使用的bsd開原協議。
c++開發的，將 js 編譯成了 機器嗎，而不是位元組碼（本身是解釋性語言, 所以應該執行變為位元組碼）
v8 引擎，可以獨立執行 ， 使得伺服器端執行js 成為可能，且方便的事情。
09年，nodejs 誕生，伺服器端執行js 的執行環境。
css：層疊樣式表。
css 3採用了模組化思想，每個模組都在css 2 基礎上分別增強功能。
但是 瀏覽器引擎對 css 支援不同，所以想要保證使用者使用不同的瀏覽器看到的網頁效果一樣是比較困難的。
動態網頁技術
動態網頁不是動起來的網頁，是伺服器端的一系列操作，產生結果，並返回給客戶端。
早起支援的動態網頁技術， asp， jsp,php等
網頁布局：
早期的網頁只需要簡單的顯示標題，正文，，使用標籤分段
後來大量的使用**標籤，可以做到很好的內容布局，但是出現成千上百個**巢狀的時候，瀏覽器會很慢。
後來出現了div + css 布局風格，捨棄了 **布局，加上js ，是的前後端開發分離，而且可以做到很好的自適應，例如流式瀑布一樣的布局。
4、同步和非同步：
同步：使用img 標籤，是發起行的http請求，如果返回，需要重新繪製網頁。
非同步：可以動態的從瀏覽器發請求到伺服器端，伺服器端返回鄉音的資料封裝成xml（json），返回給瀏覽器，瀏覽器只需要使用js 把內筒載入到dom zhong ,區域性渲染就可以了，這個過程，整個網頁不需要重新重新整理，只需動態的區域性改變即可。
微軟退出activex 外掛程式技術，比較笨重，但是乙個外掛程式xmlhttprequest元件，誕生了ajax（非同步的js 和xml）
xmlhttprequest + js + xml（現在是json）。
5、前端開發：
早期前端開發使用的網頁三劍客：dreamwe**er， firework，flash
目前常用的框架 react 和vue.js(國人）
現在前端需要很多的工具配合使用， 配置好乙個開發環境非常重要。
6、硬體發展
網頁對多**的支援，動態效果的支援，都需要使用大量的cpu ，記憶體資源，甚至是顯示卡的渲染能力
所以個人pc 需要不斷的公升級，否則瀏覽器網頁很困難。
Web前端 CSS背景屬性
3.背景屬性簡寫 background color red 1 設定背景background image url 路徑 設定背景，指定路徑，如果路徑 現中文或空格，需要加引號 2 設定背景的重複方式 如果元素尺寸大於尺寸，會自動重複平鋪，直至鋪滿整個元素 如果元素尺寸小於尺寸，預設從元素左上角開始顯...
web前端基礎 css
前言 繼續努力 什麼是css？就是對html進行美化，好比化妝前後的差距。html的塊級標籤 標籤 預設獨佔一行，跟同級兄弟塊豎直排列 標籤 預設同在一行，跟同級兄弟塊橫向排列 塊級標籤只有結合css樣式才有意義！修飾div標籤一般用style屬性並使用樣式，不贊成用align屬性 css的語法格式...
web前端基礎摘要
ctrl b 將文字加粗 ctrl 1 2 3 標題 ctrl shift i 插入 不是程式語言 程式語言都會有自己的語法結構 html語言不是程式語言 它是標記語言 一組標籤 特定功能 瀏覽器裡的渲染引擎 html hyper 超 text 文字 markup 標記 language語言 文字 ...