CSS 教程


閱讀(9239.6k) 收藏 贊(963)

手冊簡介

CSS 指層疊樣式表（Cascading Style Sheets）。 在我們的 CSS 教程中，您將學(xué)習(xí)如何使用 CSS 同時控制整個站點的樣式和布局。 通過與 XHTML 結(jié)合，CSS 可以幫助我們實行表現(xiàn)與結(jié)構(gòu)分離的開發(fā)模式。 通過使用 CSS 來提升工作效率！

手冊說明

CSS教程簡介

本教程主要描述如何通過CSS來大大提升網(wǎng)頁開發(fā)的工作效率！在我們的 CSS 教程中，您會學(xué)到如何使用 CSS 同時控制多重網(wǎng)頁的樣式和布局。

本 CSS 教程包含了數(shù)百個CSS在線實例，通過本站的在線編輯器，你可以在線編輯CSS,并且可以在線查看修改后的效果。

溫馨提示：如果您想通過邊學(xué)邊練的方式學(xué)習(xí)CSS，那么請您移步CSS微課！

如果您覺得CSS的學(xué)習(xí)難度較高，不易理解，建議您采用視頻教程進行學(xué)習(xí)：CSS視頻課程

學(xué)完本教程之后，W3Cschool推薦您進行實戰(zhàn)練習(xí)：CSS實戰(zhàn)

css

CSS教程章節(jié)簡介

本教程通過css基礎(chǔ)教程、響應(yīng)式設(shè)計原理及大量css實例讓您更全面的學(xué)習(xí)css的相關(guān)知識

  1.  css教程
  2.  css響應(yīng)式設(shè)計
  3.  css實例

什么是CSS？

  1. CSS 是層疊樣式表 ( Cascading Style Sheets ) 的簡稱。
  2. CSS 是一種標(biāo)記語言，屬于瀏覽器解釋型語言，可以直接由瀏覽器執(zhí)行，不需要編譯。
  3. CSS 是用來表現(xiàn)HTML或XML的標(biāo)記語言。
  4. CSS 是由W3C的CSS工作組發(fā)布推薦和維護的.
  5. CSS 是編程入門人員的必修課，運用CSS樣式可以讓頁面變得美觀。
  6. CSS語法由三部分構(gòu)成：選擇器、屬性和值： selector {property: value}

使用CSS的優(yōu)勢

內(nèi)容與表現(xiàn)分離，有了CSS，網(wǎng)頁的內(nèi)容(XHTML)與表現(xiàn)就可以分開了。

使用CSS可以減少網(wǎng)頁的代碼量，增加網(wǎng)頁的瀏覽速度。

如何使用CSS？

有三種方法可以在站點網(wǎng)頁上使用樣式表：

  1. 外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁鏈接到外部樣式表。
  2. 嵌入式Embedding（也叫內(nèi)頁樣式）：在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
  3. 內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。

其中，優(yōu)先級：內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式

CSS官方信息

CSS在線工具

  1. 在線CSS Lint(CSS代碼優(yōu)化)工具：http://m.hgci.cn/tools/index?name=csslint
  2. 在線CSS代碼壓縮、格式化工具：http://m.hgci.cn/tools/index?name=cssbeauty
  3. 校驗CSS的正確性：http://jigsaw.w3.org/css-validator/

在學(xué)習(xí)CSS的同時，你可以了解的知識

CSS相關(guān)教程


w3cschool編程獅微信公眾號


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號