CSS3是全球資訊網的核心語言之一，其主要功能是展示頁面樣式，也就是說，網頁的外觀、佈局、美化效果都是由它來完成的。因此，想開發高質量的頁面，學習CSS3是必不可少的。
CSS3是什麼
CSS的全稱是 Cascading Style Sheets，層疊樣式表，3指的是版本，CSS3是CSS技術的升級版本。CSS語言是一種標記語言，負責展示頁面樣式，我們用CSS的屬性加粗字型，這樣CSS接管了網頁樣式的處理。
相對於其他開發類語言，開發CSS程式最為簡單，它可以是一個單獨的文字檔案也可以直接嵌入到html檔案當中。作為單獨檔案常以.css為副檔名，作為嵌入，寫到style>標籤當中即可。
CSS3能做什麼
CSS的工作主要是把頁面的結構和樣式分離，專門負責樣式展示。以前的頁面HTML和CSS是沒有區分的，都是HTML，這樣的後果是有很多標籤並沒有任何語義，只是表示特殊的樣式，同時標籤為了規定樣式的屬性層出不窮，這就是內容和表現的雜糅。
在新式的頁面中，HTML只表示結構和內容，樣式部分交給CSS控制，做到了內容和表現分離。所以，CSS就是去專業負責設定頁面樣式的語言。
通過CSS屬性，設定了div的字型。顯然，以前雜糅在html中顯示樣式的標籤被CSS屬性所取代，CSS規定了頁面展示的樣式。
一個簡單的CSS3示例
技能目標
通過本小節的學習，對CSS有個初步入門級瞭解，能夠識別什麼是CSS程式碼，簡單掌握CSS開發流程，瞭解CSS語法格式。
語法格式
Key：value
格式說明
key指的是CSS屬性，屬性是CSS基本單位，也可以稱為CSS關鍵字，規定處理哪方面的頁面效果。value是屬性對應的值，不同值對應不同效果。
案例演示
需求：設定頁面中元素背景色為紅色，根據上述功能，新建一個名稱為h2_1_1.html在頁面。
!DOCTYPE html>
html lang=“en”>
head>
meta charset=“UTF-8”>
style>
div{
background-color: red;
}
/style>
/head>
body>
div>Hello World/div>
/body>
/html>
案例實踐
新建一個頁面，開發div元素，在head中開發style>標籤，在標籤內開發CSS程式碼，把div元素的背景色設定為黃色。
擴充套件知識
當然，CSS能設定的樣式遠比當前我們介紹的要高階要複雜，需要我們一步一步瞭解。尤其是CSS3以來，又增加了大量新的特性，受到了廣大前端開發者的熱捧。
更多內容請新增微信：madongweikai，或掃描下方二維碼新增