lesson 1&2 html&css

HTML BASIC CONCEPT

---

DOM(Document Object Model)

self-closing tag


---

in-line element:
利用 tag可以跳转到页面中指定id/class的位置
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