css 學習筆記

2021-07-10 15:16:59 字數 917 閱讀 9556

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