上回我們已經完成了我們的第乙個html頁面了，但是這個html頁面是不完整的，或者說僅僅只是乙個頁面而已，沒有任何的樣式，沒有任何的修飾，也沒有任何的功能。那麼如何給頁面加上一些修飾性的東西呢？
就如同html最開始免費使用的時候一樣，對頁面的修飾需求越來越多，我們只能通過css來改變html的外觀，讓我們的網頁更加美觀，這樣消費者才會買賬。
那麼在html頁面當中使用css一共有三種方式，第一種叫做行間樣式，估計很多寫後端的同學會比較熟悉
就像這樣：
二，十六進製制**，比如：ff0000;這就是乙個十六進製制的**，這個**代表紅色，這串**一共可以分為三組，ff,00,00 分別代表三原色：紅綠藍。第一組代表紅，第二組代表綠，第三組代表藍，十六進製制的數字一共是從0到f。也就是說分別是：0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f。最小為0，最大為f。再回到這一組數字:ff0000，在這裡，紅色為最大值，綠色和藍色都為最小值，所以這一組數字代表紅色，當然，如果每一組數字都是重複的，則可以縮寫，這個數字就可以縮寫為：f00,也就是我在**裡面用到的那個值。
三，rgb()方法。其實從這幾個字母應該就能看出來，rgb代表的就是三原色，三原色一組合，就可以表示任意顏色。在rgb方法裡面接收三個數字，這三個數字的取值範圍是0-255。和前面十六進製制一樣，第乙個數字代表紅色，第二個數字代表綠色，第三個數字代表藍色。如果想要用rgb方法表示紅色？相信你們心中已經有了答案：background:rgb(255,0,0)
四，rgba()方法。這個方法是基於rgb方法來的，後面多了乙個a是用來控制透明度的，它的取值範圍是0~1。比如rgba(255,255,255,0.5)；這就表示乙個半透明的白色。當a的值為1的時候顏色是不透明的，0的時候完全透明。
有了這麼一行**，我們就已經在頁面上畫好了乙個寬100畫素，高100畫素，背景顏色為紅色的乙個盒子了。這也是引用css的第一種方式——行間樣式
第二種叫做內聯樣式，它不再寫在行間了，而是寫在頁面的頭部，也就是head標籤裡面，看下面的**：
charset="utf-8">
無標題文件title>
#box
style>
head>
id="box">
div>
body>
html>這樣，我就引用好了乙個內聯樣式表了
首先我在頁面的body標籤裡面寫了乙個div標籤，並且寫了乙個id屬性，屬性的值是「box」。這裡面，id屬性的值可以隨便寫，只要遵循命名規則就可以了：
1，字母開頭
2，字母數字下劃線組合
3，區分大小寫
不過還有一些不成文的規定，比如說盡量語義化之類的，以後我們再一一來討論
在這一段**裡面，我把css樣式寫在了head標籤裡面，並且用style標籤包起來了，注意！這裡的style是乙個標籤，而不是乙個屬性了！
style標籤裡面首先寫了乙個「#box{}」，這個#號和後面的box組成了乙個選擇器，這個選擇器叫做id選擇器。意思就是選擇乙個id值為box的元素，為其加上相應的樣式。因為在body標籤裡面的div我給的id的值是box，所以這裡也要寫box，對應上之後才能為div加上相應的樣式。
第三種叫做外聯樣式表，顧名思義，這個樣式表一定不會再寫在html頁面中了，而是單獨新建乙個css檔案，如下圖：
這張裡面一共存在兩個檔案，乙個是html檔案，乙個是css檔案，這是html頁面**
charset="utf-8">
無標題文件title>
href="style.css"
rel="stylesheet">
head>
id="box">
div>
body>
html>首先來分析一下html頁面中的**，這個**和內聯樣式的**差不多，都是在body標籤中放了乙個id屬性為box的盒子。但是樣式並不在頁面當中。而是多出來了乙個link標籤，在標籤裡面有兩個屬性，分別是href 和 rel。href 代表的是超文字引用的意思，是hypertext reference的縮寫，在href裡面寫了乙個style.css和外面的css檔案的名字是一樣的，那麼這樣就把style.css這個檔案引用到這個頁面當中來了。後面的rel屬性是relation的縮寫，關係的意思，在這裡要描述乙個引用檔案的型別，這個從後面rel的值stylesheet中也能看出來。
再來看看style.css是什麼樣子
#box
那麼現在，css的使用方式全都有了，盡快發揮你的想象，建立乙個漂亮的**吧！
零基礎如何入門Python
如果你是零基礎，注意是零基礎，想入門程式設計的話，我推薦你學python。雖然國內基本上是以c語言作為入門教學，但在麻省理工等國外大學都是以python作為程式設計入門教學的。那麼如何學習python呢？第一步 先把刀磨好 注 倘若你是土豪，用的是蘋果本，恭喜你，蘋果已經內建了python，不用再安...
零基礎如何入門Python
如果你是零基礎，注意是零基礎，想入門程式設計的話，我推薦你學python。雖然國內基本上是以c語言作為入門教學，但在麻省理工等國外大學都是以python作為程式設計入門教學的。那麼如何學習python呢？第一步 先把刀磨好 注 倘若你是土豪，用的是蘋果本，恭喜你，蘋果已經內建了python，不用再安...
零基礎如何入門深度學習？
關於深度學習，網上的資料很多，不過貌似大部分都不太適合初學者。這裡有幾個原因 1.深度學習確實需要一定的數學基礎。如果不用深入淺出地方法講，有些讀者就會有畏難的情緒，因而容易過早地放棄。2.中國人或美國人寫的書籍或文章，普遍比較難一些。我不太清楚為什麼，不過確實是這樣子的。深度學習，確實需要一定的數...