1.w3c標準：由全球資訊網聯盟制定的一系列標準，包括：結構化標準語言（html和xml），表現標準語言（css）行為標準語言（dom和ecmascript）
倡導結構，樣式，行為分離。
2.css中的3種定位機制：標準文件流（normal flow）,浮動（floats），絕對定位（absolute positioning）
3.標準文件流（normal flow）
特點：從上到下，從左到右，輸出文件內容。由塊級元素和行級元素組成。
塊級元素：div ，ul , li ，dl，dt ，p....
行級元素：span，strong，b，i，cite，img，input，em....(特點：不會改變html文件結構。)
塊級元素和行級元素都是盒子模型。
4.盒子模型=網頁布局的基石
有4部分：邊框（border） 外邊距（margin）內邊距（padding）盒子中的內容（content）
盒子3d模型：由上到下：border content+padding background-image background-color
盒子模型尺寸=邊框+外邊距+內邊距+盒子中的內容尺寸
5.auto會根據瀏覽器的寬度自動的設定兩邊的外邊距
原理：（瀏覽器的寬度-外包含層的寬度）/2=外邊距
6.如果想讓頁面自動居中，當設定margin屬性為auto的時候，不能再設定浮動為絕對定位屬性。
7.浮動布局：實現橫向多列布局。
設定了float屬性的特點是：元素會左移，或右移，直至觸碰到容器為止。
設定了浮動的元素，仍舊處於標準文件流中。
當元素沒有設定寬度值，而設定了浮動屬性，元素的寬度隨內容的變化而變化。
當元素設定浮動屬性後，會對相鄰的元素產生影響，相鄰元素特指緊鄰後面的元素。
8.清除浮動的常用方法：
clear屬性一常用clear：both； clear：left 或者clear：right;
同時設定width：100px(或固定寬度)+overflow：hidden;
9.橫向兩列布局
float屬性---使縱向排列的塊級元素，橫向排列
margin屬性---設定兩列之間的間距
當父包含塊縮成一條時，用clear：both方法清除浮動無效，他一般用於緊鄰後面的元素的清除浮動。
10.position屬性：擁有三種定位形式：1.靜態定位 2.相對定位 3.絕對定位
可設定4個屬性值
static（靜態定位）
relative(相對定位)
absolute（絕對定位）
fixed(固定定位)
固定定位和絕對定位屬性都屬於絕對定位形式。
11.相對定位：
特點：相對為自身原有位置進行偏移
仍處於標準文件流中
隨即擁有偏移屬性和z-index屬性
12.絕對定位：
特定：建立了以包含塊為基準的定位
完全脫離了標準文件流
隨即擁有偏移屬性和z-index屬性
未設定偏移量
特點：無論是否存在已定位祖先元素，都保持在元素初始位置
脫離了標準文件流
設定偏移量：
偏移量參照基準：
無已定位祖先元素，以為偏移參照基準
有已定位祖先元素，以距其最近的已定位祖先元素為偏移參照基準
當乙個元素設定絕對定位，沒有設定寬度時，元素的寬度根據內容進行調節。
13.橫向兩列布局
使用absolute實現橫向兩列布局
一常用於一列固定寬度，另一列寬度自適應的情況
主要應用技能
relative---父元素相對定位
absolute---自適應寬度元素絕對定位
注意：固定寬度列的高度》自適應寬度的列
南大軟院大神養成計畫 第十二天
今天是南大軟院大神養成計畫實施的第十二天，今天學習的內容是dom事件探秘部分的最後部分 事件型別。事件型別從來大類來分可以分為滑鼠事件和鍵盤事件。先說說滑鼠事件，滑鼠事件可以分為click，over，out，在講解這部分的內容時，講師引用了qq面板拖拉效果來講解滑鼠事件。如圖，我們可以通過滑鼠拖動q...
南大軟院大神養成計畫 jquery
總算前進了一部分，進入新篇章的學習 1 id選擇器獲取頁面中指定的標籤並返回唯一乙個元素格式 id 2 elemement選擇器根據元素名稱找到 元素，可以呼叫.css 設定格式 element 3 class選擇器通過元素類別屬性查詢元素 class 獲取元素名稱.attr 4 選擇器，選擇全部元...
南大軟院大神養成計畫第二天
今天學習的是前端開發工具中sublime 的相關應用，自動儲存 自動識別 命令模式 多行游標，還有goto anything等等，乙個開發工具就差把 打出來了，人類的智慧型果然是無窮的。我更要努力學習了啊。在這個開發工具中，我對多行游標的記憶尤為深刻。快速置換同一單詞，統一更改語句，ctrl k,c...