HTML BASIC CONCEPT
DOM(Document Object Model)
self-closing tag <br> <hr>
in-line element:<span>
<a href="#id1">利用 <a> tag可以跳转到页面中指定id/class的位置
<a href="www.google.com" target="_blank"> target="_blank" 表示用新的标签页打开指定网页
CSS BASIC CONCEPT
p .byline{ /*p 空格（代表后代选择器）.byline, p 的后代有一个class为byline*/
color:red;
}
p.byline{ /*p.byline(连接在一起)代表有一个ptag里有一个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 无法设置width
display: inline-block // 可以设置width
