作為大資料開發基礎的一部分，CSS：層疊樣式表，是英文Cascading Style Sheets的首字母縮寫，是一種用來表現HTML或XML等檔案樣式的計算機語言，也是一種標記語言。主要是幫助美化網頁，佈局頁面，CSS不僅可以靜態地修飾網頁，還能配合各種指令碼語言動態地對網頁各元素進行格式化。CSS 主要用於設定 HTML 頁面中的文字內容（字型、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的佈局和外觀顯示樣式。

一、基礎知識

CSS特點：豐富的樣式定義、易於使用和修改、多頁面應用、層疊、頁面壓縮。

CSS的引用方式：

（1）行內樣式：使用style屬性，只是對當前標籤有效，頁面內容和樣式高度吻合的

<p style="color: red">Hello world.</p>

（2）內部樣式：在head中使用style標籤，當前頁面有效，內容和樣式一定程度分離，但是不徹底。

<style>

　　　div {

　　　　　　　　color: red;

　　　　　　　　font-size: 12px;

　　　　　　}

</style>

（3）外部樣式：將樣式寫到一個單獨CSS檔案中，需要用到HTML檔案，引用它即可，實現了內容與樣式的完全分離。

CSS的顏色：

color 屬性用於定義文字的顏色。例如：

div {

color: red;

}

CSS中顏色的表示方法

1.預定義的顏色值 red,green,blue……等

2.十六進位制 #FF0000、#FF6600等（

3.RGB程式碼 rgb(255,0,0)或rgb(100%,0%,0%

4.RGBA:是在原有RGB上添加了透明底，alpha

5.HSL：用色調、飽和度和明度3個分量表示顏色

6.HSLA：在HSL上添加了透明度

二、基礎語法

CSS和HTML一樣都是瀏覽器能解析的計算機語言，因此CSS也有自己的語法結構；

CSS 規則由三個主要的部分構成：

1. 選擇器，以及一條或多條宣告，但值得注意的是宣告必須要放在大括號內{ }。

2. 每條宣告由一個屬性和值組成，屬性和值用冒號分開，每條語句以英文的分好結尾。

selector {declaration1; declaration2; ... declarationN }

Selector是選擇符，最常見的選擇符是HTML標籤；property是選擇符的屬性，Value是選擇符的屬性值。（注意：多個選擇符用分號隔開）

例子：h1 {color:yellow; font-size:16px;}

h1是選擇器；color和font-size是屬性；16px則是屬性值。

以上就是CSS的基礎知識和語法，CSS是大資料開發基礎的重要一環，與HTML相輔相成，能夠使網頁的製作更加美觀大方，令人賞心悅目。多加實操練習，才能夠促進自己進步。