如何動手寫移動Web網站：[4]css入門學習?

html說過之後, 就開始說一下, css的學習, 這個比html更加有意思, 一句話, 沒有你做不到, 只有你想不到. 本篇經驗， 主要是講， 怎麼使用css, 使用css引用的3種方式， 然後還有一些基礎的語法。 因為這些是web開發的基礎， 所以必須掌握。 Let's go！！！！

工具/原料

記事本編輯器，或者語法高亮的記事本編輯器， 例如notpad++， 然後可以更方便的書寫代碼。

方法/步驟

先說一下CSS是什麼： 級聯樣式表(Cascading Style Sheet)簡稱“CSS“， 他是讓界面更加豐富好看的一個表示形式。 主要的作用就是讓網頁更加好看。 比方說， 背景透明啊。 超鏈接的顏色啊， 是否有下劃線啊。 網頁分為3部分啊， 等等都需有CSS的身影。

簡單說一下CSS的不同的幾種用法？ CSS有3種方式來引用和使用。

1.內聯樣式使用

2.內部樣式使用

3.外部樣式使用

內聯樣式： 又被成為是標籤樣式， 就是在標籤的屬性上， 直接寫style=""， 就可以來定義css樣式。 css的基本樣式就是 選擇器{屬性： 屬性值； 屬性： 屬性值；.......} 這樣的樣式， 比方說， 我讓一個p標籤裡面的文字顏色設置成紅色， 然後加粗字體。 就可以寫成 p{ color:red; font-weight:blod;} 這裡需要注意的是。 在屬性： 屬性名；的時候，其中的冒號， 分號（:, ;）都是英文狀態下的。 然後加上之前說的內聯樣式， 需要寫在標籤中的style中，所以， 剛剛的樣式內容， 就要寫成style="color:red; font-weight:blod;";

說過內聯樣式之後， 就需要知道一下內部樣式， 什麼叫做內部樣式呢， 就是寫在head區域的裡面的樣式， 就被稱為內部樣式， 這裡需要注意的是， 最好能夠把樣式都寫在head區域， 比較好的寫法。 這個相對於內聯樣式來說， 升了一級。 這樣寫也有一定的好處， 就是可以把頁面上的css都整理到該樣式裡面， 然後一起維護比較好維護。 在Java中或者.net 或者php中， 我們都要求mvc的三層模式， 就是表現層， 控制層和數據庫層都要分開， 這裡在寫web網站的時候， 最好也是用是三層模式， 但是這個"三層模式"（HTML， CSS， JS）也要分開。 所以也就引用了接下來的第三種方式， 也是小編推薦的方式， 就是外部引用。

外部引用方式， 是小編推薦的方式， 也是N多網站都在使用的方式， 這種方式， 能夠更快捷的複用你曾寫過的css， 也能把你的網站樣式， 佈局， 做到統一的操作。 外部引用方式需要用到link的標籤； 步驟為: 創建一個文件, 後綴名為.css結尾的, 標識這個是一個樣式文件, 然後裡面直接寫選擇器{屬性： 屬性值； 屬性： 屬性值；.......} 這裡需要注意一下, 就是選擇器, 選擇器包括: 標籤, class, 和id.

不同的引用方式， 有其使用的範圍， 不過我推薦大家使用外部引用， 偶爾使用內部鏈接也未嘗不可（比方說， 某個頁面屬性特別強的時候）。 具體你怎麼來使用這個看你項目的使用方法來。 如果你感覺內聯好用， 可以， 代碼嘛， 正要執行對都是可以的， 你就寫嘛。 等什麼時候， 你看著不習慣了， 再改。 人各有志。 成事在己。

注意事項

css在於練習多嘗試， 還有就是多去看一些特別好看的實現方式， 看別人寫的代碼也是能夠快速的成長自己的功力。

只要努力， 堅持， 你就會看到收穫， 我還在堅持， 你呢？ Good luck!!!!