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