屬性選擇器
偽元素選擇器
層級選擇器
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 元素內部 擁有最...