1. 程式人生 > >HTML+CSS+JS 初學總結

HTML+CSS+JS 初學總結

學習網址:http://www.w3school.com.cn/

HTML、HTML5

就是網頁背後的東西。用<!DOCTYPE>宣告採用的html版本。

元素(組成網頁的內容)用各種<xx>把不同的部分框起來:

<body>代表內容總體,<h1>代表標題,<p>代表段落,<div>代表塊級元素(前後有空行),<span>代表內聯元素,

<a href="">代表一個連結,<img src="">代表圖片,<table>代表表格,<ul>代表無序表,<ol>代表有序表,<form>代表表單,<abbr>代表縮寫,<!-- [if ……]> <![end if]-->代表條件註釋(<!-- > < -->普通註釋),<br />代表換行。

屬性,元素內部的東西,href, src等。其中有各種style屬性,用來改變外觀,style屬性一般在css中設定,我覺得比較重要的屬性有class,id,會被css檔案,js檔案引用。

RWD設計可以根據需要改變網頁尺寸。

預留字元用HTML實體實體代替,如&nbsp代表空格。

URL相當於存放資源的地址,採用ASCII編碼。

顏色也有幾種表示方式。

HTML5多了些元素如<video><audio><canvas><svg>(向量圖),多了些屬性如拖放操作ondrop。有一些獨特的功能如操縱地理位置,web儲存,應用的快取,後臺執行指令碼web worker,Server-Sent 事件指的是網頁自動獲取來自伺服器的更新。

XHTML

相當於規範的html,可用XML擴充套件,定義XHTML框架,元素必須關閉,小寫,正確巢狀,屬性也要小寫,屬性值要引號,禁止屬性縮寫,用id代替name屬性。

DTD,文件型別,規定了可以使用的元素和結構,有STRICT(有層疊),TRANSIONAL(無層疊),FRAMESET,可以用來驗證網頁是否符合DTD。

模組化,可以以分為28種模型,方便開發小型裝置。

TCP/IP

就是各種通訊協議。

CSS、CSS3

本身大小寫不敏感,與html聯用時敏感(在html裡通過link元素連線一個css檔案)。

主要掌握CSS框架模型(margin,border,padding什麼的)和設定樣式的方法:利用各種選擇器組合實現自己的目的。

CSS一切皆為框,有三種基本的定位機制:普通流、浮動(脫離了文件流)和絕對定位(脫離了文件流)。

選擇器類別上有元素、偽元素、屬性、id、類、偽類(a:link,p:firstchild等)選擇器,組合起來有後代、子元素、相鄰元素選擇器。

屬性可以繼承。

CSS3多了@font-face規則(自定義字型),@keyframe規則(動畫),額外的邊框背景效果,2D/3D方法,可以設定使用者介面,多列。

JavaScript

一種指令碼語言,利用函式往html裡設定動作,事件,實現方法可以置於<head>與<body>的<script>裡,可放在函式中,可以在外部的js檔案裡,利用<script src="">呼叫。

設定變數不用管型別就用var。

函式可以不需要引數,直接arguments物件動態獲取,可以當做功能完整的物件。

物件可以動態定義。

總結:主要文字內容寫在html裡,網頁的外觀設定在css裡,網頁的各種動作(函式)在js裡。