CSS 教程


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

手冊(cè)簡(jiǎn)介

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

手冊(cè)說(shuō)明

CSS教程簡(jiǎn)介

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

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

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

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

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

css

CSS教程章節(jié)簡(jiǎn)介

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

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

什么是CSS？

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

使用CSS的優(yōu)勢(shì)

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

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

如何使用CSS？

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

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

其中，優(yōu)先級(jí)：內(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. 校驗(yàn)CSS的正確性：http://jigsaw.w3.org/css-validator/

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

CSS相關(guān)教程


w3cschool編程獅微信公眾號(hào)


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)