今天學習的內容是如何用css進行網頁布局：
1.布局：又稱版式布局，是網頁ui設計師將有限的視覺元素進行有機的排列組合。
2.一列布局：
就是使用三個標籤，每個不巢狀，分別用css樣式設定高度，高度，背景顏色就可以實現一列布局。
如果想讓標籤的內容居中就在該標籤定義的類選擇器上加上：margin：0 auto；就可以實現內容居中。
3.二列布局：
二列布局是在一列布局的基礎上，選擇乙個標籤在其中加入兩個不相互巢狀的標籤，十七選擇的標籤成為父標籤，然後在css中定義兩個不同的類選擇器，用於剛加入的標籤，同樣可以進行寬度，長度，背景顏色的設定，最後要加入flot：righ;或float:left;就可以實現二列布局
4.三列布局：
三列布局，可以如一列布局一樣，設定三個並列的標籤，然後在css樣式裡分別定義三個類選擇器：在對齊進行設定，三個設定為float型的，或是兩邊的分別設定為position:absolute;left ;0; top:0;和position:absolute;right:0;top;然後
">
">
left
設計首頁的第一步是設計版面布局。就象傳統的報刊雜誌編輯一樣，我們將網頁看作一張報紙，一本雜誌來進行排版布局。 雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。
5.混合布局：
混合布局就是在一列布局的基礎上形成混合布局
">
">
topright
left
foot
將顯示：
南大軟院大神養成計畫 jquery
總算前進了一部分，進入新篇章的學習 1 id選擇器獲取頁面中指定的標籤並返回唯一乙個元素格式 id 2 elemement選擇器根據元素名稱找到 元素，可以呼叫.css 設定格式 element 3 class選擇器通過元素類別屬性查詢元素 class 獲取元素名稱.attr 4 選擇器，選擇全部元...
南大軟院二十一天成神計畫
今天貼一下寫的乙個課程表，運用css的樣式，大大減少了 行數的書寫，通過自適應使內容自動分布，達到預期的效果。課程性質 序號課程編碼 課程名稱 課程名稱 英文 學分教學學時 開通學期 理論實驗 實踐 周 課內課外 i類通識課程 1t5130f1001 大學英語 1 college english 1...
南大軟院大神養成計畫 第十二天
今天是南大軟院大神養成計畫實施的第十二天，今天學習的內容是dom事件探秘部分的最後部分 事件型別。事件型別從來大類來分可以分為滑鼠事件和鍵盤事件。先說說滑鼠事件，滑鼠事件可以分為click，over，out，在講解這部分的內容時，講師引用了qq面板拖拉效果來講解滑鼠事件。如圖，我們可以通過滑鼠拖動q...