css作用:是為了使網頁美觀,公升級方便,維護輕鬆,能夠讓網頁內容和樣式資訊進行分離。
(讓內容和樣式分開)。
使用link來匯入css檔案。
語法:每個html都帶了乙個屬性style,可以直接設定css樣式。
語法:選擇器:
html選擇器:以原始本身命名的選擇器。
語法://table會自動呼叫style裡面的屬性。
優點:直觀,能一眼看出是選擇的誰。
缺點:對於重複的html元素,不能單獨設定屬性。
class選擇器:
語法://用class的名字來設定屬性
《元素 class="屬性1 屬性2 屬性···">
id選擇器:
語法://用id名來標識來設定屬性
id只能指定乙個選擇器且唯一
父子關係:
1.2.
3.class同id一樣。
偽類:又瀏覽器自動識別
如 a:link 未訪問的連線
a:hover 滑鼠指上去的時候
a:visited 已訪問的連線
a:active 啟用連線
優先順序:內聯->內嵌->外聯
內聯:直接當作屬性寫在元素後面。
內嵌:以集合方式寫是head標籤裡面
外聯:用匯入字尾名為.css的檔案
匯入:在
html學習筆記04 css div
div css布局 css中文翻譯為層疊樣式表,是用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記 性語言。div 全稱 division 意為 區塊 分割 div標籤是乙個無意義的容器標籤,用於將頁面劃分出不 同的區域。通過div將複雜的頁面進行細分塊,可以將問題細分乙個乙個解決,所以通過...
css div屬性詳解
步驟一 分析乙個典型的定義div例子 說明如下 margin是指層的邊框以外留的空白,用於頁邊距或者與其它層製造乙個間距。如果上右下左margin值均為10px,則 為 margin top 10px margin right 10px margin bottom 10px margin left ...
css div學習筆記
l 載入css樣式有以下四種 1.外部樣式 2.內部樣式 3.行內樣式 4.匯入樣式 l 這種形式是把css單獨寫到乙個css檔案內,然後在源 中以link方式鏈結。它的好處是不但本頁可以呼叫,其它頁面也可以呼叫,是最常用的一種形式。l 這種形式是內部樣式表,它是以結尾,寫在源 的head標籤內。這...