CSS 學(xué)習(xí)筆記第一節(jié)/基本概念
1.基本概念
在基本概念里面我們學(xué)習(xí)一下最基本的概念,即什么是 CSS?
- CSS 指層疊樣式表 (Cascading Style Sheets)
- 樣式定義如何顯示 HTML 元素- 樣式通常存儲在樣式表中
- 把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問題
- 外部樣式表可以極大提高工作效率
- 外部樣式表通常存儲在 CSS 文件中
- 多個樣式定義可層疊為一
2.基本的語法
CSS寫的地方我們都知道可以寫在行間也可以寫在內(nèi)部,也可以寫在外部,通過<link>標簽來執(zhí)行導(dǎo)入.一共是三種寫法,不過我們要知道,一般最后一種使用的是最多的,也就是寫在了外部的文件中.這個是因為CSS 文件寫在外面一方面是為了維護方便,一方面是為了結(jié)構(gòu),表現(xiàn)和行為進行分離的一個好習(xí)慣.
3.CSS的寫法
看下面的一張圖就是知道了,首先前面是選擇器,然后跟著一個{},內(nèi)部是{屬性名:屬性值;屬性名2:屬性值2;}這樣的一個寫法的.
css的寫法.png
注釋
- 注釋這個就不用說了.大家都懂.在 HB 里可以用快捷鍵來快速的寫注釋,
cont+/即可.
4.選擇器
在 CSS 中,基本的選擇器就是 id 選擇器,還有一個就是 class 選擇器.一個使用#來表示,一個是.來表示.
注意一點:
id 是唯一的,一個元素有了這個 id,別的元素就不可以使用這個 id 了.而 class 不是的,他是多個元素可以公用.所以一般在 class 中會定義多個元素的樣式集合.因為他可以很方便的共享.
5.CSS如何引用
其實就是三種方法,這個大家都知道.
1.行間演示2.內(nèi)部樣式-
3.外部樣式表
然后他們之間其實有一個優(yōu)先級的,1>2>3.然后就是一般我們在工作中,都會講 CSS寫在一個外部的 CSS 文件中,這樣做的好處是為了后期可以方便的進行修改維護.一般代碼如果很少的話也可以放置在內(nèi)部樣式表中.如果是針對的某一個元素的樣式,其實也可以寫在行間.但是不推薦這么做.
OK,第一節(jié)就先復(fù)習(xí)一點很簡單的東西吧.裝逼結(jié)束.退朝
