CSS學習筆記

2021-08-15 07:26:03 字數 813 閱讀 8374

屬性選擇器

偽元素選擇器

層級選擇器

css盒子模型

其他注意事項

層疊樣式表 (cascading style sheets)

修飾html

提高樣式的復用性

html的內容和樣式進行分離,便於後期維護

1.css的引入方式

內嵌式:復用性不高,不利於維護,專案中不建議使用

內部式(常用)

外部式(常用)

import方式

2.css的選擇器

基本選擇器

元素選擇器

id選擇器

class選擇器

屬性選擇器

偽元素選擇器

a標籤舉例

靜止狀態  a:link 

懸浮狀態 a:hover

觸發狀態 a:active

完成狀態 a:visited

層級選擇器

3.css盒子模型

margin、padding

其他注意事項

1.基本選擇器的優先順序

id選擇器大於類選擇器大於元素選擇器

hello world

2.浮動屬性的使用

float:

屬性值:left right

clear:清除浮動 left right both

缺點:

(1)影響相鄰元素不能正常顯示

(2)影響父元素不能正常顯示

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