-------------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 元素內部 擁有最...