HTML BASIC CONCEPT
DOM(Document Object Model)
self-closing tag <br> <hr>
in-line element:<span>
<a href="#id1">利用 <a> tag可以跳轉(zhuǎn)到頁面中指定id/class的位置
<a href="www.google.com" target="_blank"> target="_blank" 表示用新的標(biāo)簽頁打開指定網(wǎng)頁
CSS BASIC CONCEPT
p .byline{ /*p 空格（代表后代選擇器）.byline, p 的后代有一個(gè)class為byline*/
color:red;
}
p.byline{ /*p.byline(連接在一起)代表有一個(gè)ptag里有一個(gè)class為byline*/
color:red;
}
Box-Model
W3C box model width includes: ONLY content
IE box modelwidth includes : content + padding + border
box-model.png
.div{
box-sizing: content-box || border-box || inherit//W3C||IE||inherit
}
Margin Collapsing 只存在于margin-top/bottom會取值比較大的作為上下的margin
display: inline// 非block element 無法設(shè)置width
display: inline-block // 可以設(shè)置width
