css學習筆記

2021-07-04 01:11:22 字數 1281 閱讀 7568

-------------css學習筆記總結------------------

1.簡介:

css 是 cascading style sheet 的縮寫。

譯作「層疊樣式表單」。是用於(增強)控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言

css用來美化和修飾頁面的顯示效果。而且不區分大小寫。

2.**格式:

屬性:屬性值;屬性1:屬性值1;屬性2:屬性值2

屬性和值之間用:分隔.

屬性和屬性之間用;分隔.

3.css與html**結合的方式:

方式一:

so colorful~

方式二:

方式三:

注意:格式是:@import url(檔名.css);

這裡面的檔案路徑一般用相對路徑,檔案要在同乙個目錄下面。

如果有幾個要封裝的標籤,如span,div則可用用@import url(total.css);形式。

方式四:

insert title here

rel:引入的外部檔案與我當面的頁面之間的關係。stylesheet(文件的外部樣式表)得到了所有瀏覽器的支援。

4:選擇器

定義:用來確定被應用樣式(操作)的標籤的一種語法.

選這器的優先順序:

style標籤屬性》id選擇器》類選擇器》標籤名稱選擇器

一.標籤名稱選擇器

通過div和span來確定被操作的元素的範圍

比如:div

span

二.類選擇器

然後用的時候是

三.id選擇器

#div

通過標籤屬性id的值來確定要操作的標籤,id的值要保證唯一性.

在id選擇器的前面需要加(#)來區分

四.組合選擇器

selector1,selector2

selector1和selector2可以是任一的選擇器

#div1,#span1

#span1

作用是:把span1和div1公用的**抽取出來。

五.關聯選擇器

...........

div1

內部span1

內部span2

六.偽類選擇器

:偽類的名稱,偽類的名稱是固定的.系統給你分配的

link:從未訪問過

visited:被訪問過

active:滑鼠按下去但沒有鬆開的時候

hover:數遍懸在字型上的時候

div:hover

我是a1

我是a2

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...