4. 例項
css指層疊樣式表 （cascading style sheets），用來定義如何顯示html元 素，一般和html配合使用。css樣式表的目的是為了解決內容與表現分離的問題， 即使同乙個html文件也能表現出外觀的多樣化。在html中使用css樣式的方式，一 般有三種做法：
css規則由兩個主要的部分構成：選擇器，以及一條或多條宣告。選擇器通常是 需要改變樣式的html元素。每條宣告由乙個屬性和乙個值組成。屬性 （property）是希望設定的樣式屬性（style attribute）。每個屬性有乙個值。 屬性和值由冒號分開。例如：h1。其中h1為選 擇器，color和font-size是屬性，blue和12px是屬性值，這句話的意思是將h1標 記中的顏色設定為藍色，字型大小為12px。根據選擇器的定義方式，可以將樣式表 的定義分成三種方式：
介紹完選擇器，接著說一下css中一些常見的屬性。常見屬性主要說明一下顏色 屬性、字型屬性、背景屬性、文字屬性和列表屬性。
顏色屬性color用來定義文字的顏色，可以使用以下方式定義顏色：
·顏色名稱，如color：green。
·十六進製制，如color：#ff6600。
·簡寫方式，如color：#f60。
·rgb方式，如rgb（255，255，255），紅（r）、綠（g）、藍（b）的取值範 圍均為0～255
·rgba方式，如color：rgba（255，255，255，1），rgba表示red（紅色）、 green（綠色）、blue（藍色）和alpha的（色彩空間）透明度。
可以使用字型屬性定義文字形式，有如下方法：
·簡寫方式可以簡化背景屬性的書寫，同時定義多個屬性，格式為background： 背景顏色url（影象）重複位置。如background：#f60url（images/bg、jpg）
no-repeat top center。
可以用文字屬性設定行高、縮排和字元間距，具體如下：
在html中，有兩種型別的列表：無序和有序。其實使用css，可以列出進一步 的樣式，並可用影象作列表項標記。接下來主要講解以下幾種屬性：
接下來通過乙個綜合的例子將所有知 識點進行融合，採用嵌入式樣式表的方式，html文件如下：
<
!doctype html>
該文字插入在 div 元素中。
該段落有自己的背景顏色。
"ex"
>這是乙個類為"ex"的段落。這個文字是藍色的。
我們仍然在同乙個 div 中。
無序列表例項:
"a">
coffee
teacoca cola
有序列表例項:
"b">
coffee
teacoca cola
列表示例
"c">
coffee
teacoca cola
python爬蟲開發
該文字插入在 div 元素中。
該段落有自己的背景顏色。
這是乙個類為"ex"的段落。這個文字是藍色的。
我們仍然在同乙個 div 中。
無序列表例項:
有序列表例項:
coffee
teacoca cola
列表示例
html快速基礎入門詳解
css快速入門詳解
CSS快速入門
cascading style sheets層疊樣式表，用於頁面美化和布局控制。層疊 多個樣式可以作用在同乙個html的元素上，同時生效。在標籤內使用style屬性指定css hello cssdiv 在head標籤內，定義style標籤，style標籤的標籤體內容就是css lang en cha...
Gunicorn快速入門詳解
gunicorn是乙個unix上被廣泛使用的高效能的python wsgi unix http server。和大多數的web框架相容，並具有實現簡單，輕量級，高效能等特點。pip install gunicornflask程式需要先安裝flask module，pip install flask。...
HTML 和 CSS 快速入門
hyper text markup language 超文字標記語言，是最基礎的網頁開發語言。網頁檔案字尾名以.html htm結束。html5 中定義該文件型別是html文件 html 文件的根標籤 頭標籤，用於指定 html 文件的一些屬性，引入外部的資源。標題標籤 體標籤 注釋 cascadi...