HTML學習 CSS div詳解

2021-09-01 14:36:17 字數 672 閱讀 9113

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標籤內。這...