【前言】

牛腩新聞釋出系統，是c/s學習中的第一個專案，學習完它對c/s也有了初步的瞭解，在這個學習專案中應用到的新的知識點比較多，此次專案也是對這些知識點有了一個最初級的瞭解，在後面的學習後重復使用才能更好的掌握。

【重點】

一、CSS

層疊樣式表是一種用來表現HTML或XML等檔案樣式地計算機語言,定義了其中元素地顯示方式，利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素

1、ID選擇器

• ID選擇器可以標有特定ID的HTML元素指定的樣式

• HTML元素以ID屬性來設定ID選擇器，CSS以“#”來定義

• 以下的樣式例子用於元素屬性ID=“para1”

#para1 { text-align:center; color:red; }

2、Class選擇器

• class選擇器用於描述一組元素的樣式，clss選擇器區別於ID選擇器是它可以再多個元素中使用

• class選擇器在HTML中以class屬性表示，css中以“.”來定義

• 以下例子為center類的HTML元素居中

.center {text-align:center;}

3、盒子模型

• 所有HTML元素可以看作盒子，在css中box model是用來設計和佈局使用

• CSS盒模型本質上是一個盒子，封裝了周圍的HTML元素，它包括：邊距、邊框、填充、和實際內容

• 盒模型執行我們在其他元素和周圍元素邊框之間的空間放置元素

二、JavaScript

javascript是一種屬於網路的指令碼語言，被廣泛地用於web應用開發，常用來為網頁新增各式各樣的動態動能，為使用者提供更加流暢效果，它具有以下特點

1、是一種解釋性指令碼語言（程式碼不進行預編譯）

2、主要用來向HTML頁面新增互動行為

3、可以直接嵌入HTML頁面，但寫成單獨地js檔案有利於結構和行為地分離

4、跨平臺性

使用範例

1、javascript：直接寫入HTML輸出流

document.write("<h1>這是一個標題</h1>");

document.write("<p>這是一個段落。</p>");

2、javascrip：對事件的反應

<button type="button" onclick="alert('歡迎!')">點我!</button>

 

三、Jquery

Jquery是一個JavaScript函式庫，是一個輕量級的“寫的少，做的多”的JavaScript庫

它包含以下功能

HTML元素選區、HTML嚴肅操作、CSS操作、HTML事件函式、JavaScript特效和動畫、HTML DOM遍歷和修改、AJAX

其中AJAX是一種與伺服器交換資料的技術，可以在不重新載入整個頁面的情況下更新網頁部分內容

【總結】

任重道遠、加油呀!