HTMLCSS學習筆記(十一) CSS統籌

2021-10-09 05:44:21 字數 987 閱讀 6479

css層疊指的是樣式的優先順序,當產生衝突時以優先順序高的為準。

css的乙個主要特徵就是繼承,它是依賴於祖先-後代的關係的。繼承是一種機制,它允許樣式不僅可以應用於某個特定的元素,還可以應用於它的後代。

整站裡相同的css樣式提取到乙個樣式表裡,各個頁面呼叫相同的樣式檔案即可。

**較大的情況下一般會把**的頭部,尾部單獨分離出來,包括樣式檔案。分離規則大體分為以下幾種:

(1)根據頁面型別分離檔案

(2)根據功能模組分離檔案

(3)根據標籤型別分離檔案

(4)根據裝置型別分離檔案

(5)根據**規模綜合分離檔案

命名方法(語義化命名,結構化命名)

css命名規則

(1)建議使用小寫字母

(2)以英文本母開頭,後面可以連線數字、字母、下劃線、連字元,建議盡量使用英文本母,適當使用下劃線和連線線

(3)詞必達意,名稱要反映用途和相關資訊,同時也要簡短

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img 

fieldset, img

imgaddress, caption, cite, code, dfn, th, var

ul, ol

body

a a:visited

a:hover, a:active, a:focus

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,

select

body

a a:hover

emli

img

table

p.ind

.ind10

.noborder

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...

html css學習筆記

本人正經職業位android 開發,無奈現在社會壓力太大,對做人的要求越來越高,只掌握一門技術根本不好意思說自己是一名程式設計師,更無法在這個社會生存。本人只好順應時代發展的需要,不斷提高自己的綜合水平,提高對自身的要求,選擇了去學習html和css等前端的有關知識,新手入門,記錄一些學習過程中的筆...

html css學習筆記

1.html結構標準 2.css樣式標準 3.js行為標準1.ie 2.谷歌 3.火狐 4.蘋果 5.歐朋 注意 其他瀏覽器都用別人瀏覽器技術,只是更換了 doctype html 描述當前檔案的版本資訊,如果沒有詳細說明就是5.0版本 html html檔案 head 網頁的頭部 meta cha...