css: cascading style sheet 級聯樣式表
why:
1,樣式表能內容與樣式的分離,方便團隊開發
2,樣式復用,方便**的後期維護
3,頁面的精確控制,試下精美,複雜頁面
where:結合html**來設計網頁,進行網頁風格設計
how:
選擇器:
1,標籤選擇器
2,類選擇器
3,id選擇器
4,其他選擇器
優先順序:如果優先順序相同,後面的樣式會覆蓋前面的樣式
標籤選擇器《類選擇器
1,css 級聯樣式表
2,a/行內樣式
b/內部樣式
屬性名:屬性值
c/外部樣式
3,選擇器
a,標籤 b,類 c,id d,其他選擇器(屬性,後代,子代,偽類)
4,樣式
font-size:
font-family:
font-space:
color:
text-shadow:
overflow:
text-overflow:
white-space:
background-image:
background-position:
background-repeat:
5,盒子
border:邊框
padding:內邊距
margin:外邊距
border-width:
border-style:
border-color:
浮動的3個特性:
1,浮動會脫離文件流,釋放原先被佔據的空間,使得其他元素佔據
2,緊貼上乙個浮動元素,如果寬度不夠自動換行
3,
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 元素內部 擁有最...