CSS / CSS 3 入門

CSS是什麼?

  • 指層疊樣式表 (Cascading Style Sheets)
  • 樣式定義用於顯示 HTML 元素

CSS 基本語法:

在這裏插入圖片描述
在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是

而一般每條聲明都包含這三個屬性

CSS 高級語法:

  • 選擇器的分組
h1,h2,h3,h4,h5,h6 {color: green;}

在上面的例子中,我們對所有的標題元素進行了分組,固所有的標題元素都是綠色的

  • 繼承
body {font-family: Verdana, sans-serif;}

在上面的例子中,網頁的 body 元素將使用 Verdana 字體,因爲其子元素(如:p、ol…)繼承 body 元素,固都應該顯示 Verdana 字體


CSS 3是什麼?

  • CSS 3 是最新的 CSS 標準
  • CSS 3 的上一個版本是 CSS 2
  • CSS 3 兼容大部分上版本的特性,自身也增加了很多特性

CSS 3 模塊:

CSS 3 包含許多模塊,其中最重要的 CSS 3 模塊包括:

  • 選擇器
  • 框模型
  • 背景和邊框
  • 文本效果
  • 2D/3D 轉換
  • 動畫
  • 多列布局
  • 用戶界面

溫馨提示:以上僅適用小白入門 CSS / CSS 3

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章