HTML/CSS
基礎(chǔ)知識
- HTML 超文本標記語言
- 語法松散---標準低，不利于規(guī)范（學習曲線陡峭）
- html 4.01(1999.12) --- html5(2014.10)
HTML解析
- 詞法分析： 把字符流初步解析成我們可理解的“詞”
- 語法分析： 把開始結(jié)束標簽配對，屬性賦值好，父子關(guān)系鏈接好，構(gòu)成dom樹
語義化
- strong這類表現(xiàn)式標簽，修改的時候需要改動dom，維護成本高
- 不推薦tag標簽來做選擇器，因為會變成全局樣式，盡可能讓樣式的作用域小
- html5標簽做兼容問題，自己研究
為你的網(wǎng)頁引入CSS
- link外鏈樣式有諸多好處，代碼解耦，維護性高，可復用，前后端分離等
- 但是當訪問量巨大時，要向性能做妥協(xié)。需要將css,js嵌入頁面，讓頁面盡可能快加載，當然這是特殊情況。
元素類別
- 塊元素：disaplay:block。獨占一行
- 塊級元素： 包含塊元素，例如 display：table
- 內(nèi)聯(lián)元素：display:inline
- 內(nèi)聯(lián)級元素： 包含內(nèi)聯(lián)元素
塊級元素 vs 寬100%
- 塊級元素特征，體現(xiàn)在盒模型的差異
- 盒模型： margin+border+padding+content
早期支持padding,只有table-cell - box-sizing: border-box;w3c盒模型
box-sizing: content-box;ie盒模型
嵌套三元素 ---w3c規(guī)范
- 元素類別
- 元數(shù)據(jù)元素
- 流式元素
- 章節(jié)元素
- 標題元素
- 敘述元素
- 嵌入元素
- 交互元素
- 元素上下文
- 內(nèi)容模型:決定子元素的類型
<a>標簽可以包含除自己以外的任何標簽，它是被忽略的。
舊規(guī)則是a(inline元素)下不包含div(block元素)，實際上根據(jù)w3c規(guī)范下是可行的。不過依然推薦采用約定俗成的代碼習慣
沿著X、Y軸傾斜轉(zhuǎn)換：skew(20deg,20deg)
前景圖： img標簽，用來表達頁面的內(nèi)容，需要傳達給用戶的
背景圖： css樣式，用來做裝飾
with:auto 兼容ie
低級錯誤更難檢測，比如使用中文“”，還有單引號等。
