Html和Css的一些笔记

html/css

class

一堆数据的标识
同一个元素可以有多个class标识，具备多个class的属性
例：

<p class="special shout"></p>

special , shout分别是两个class的类名

---

id

单一元素的标识，只能是一个元素

---

div

浏览器的原始布局是从左到右，从上到下
对于block元素，其必然占一整行；
对于inline元素，则从左到右，在从上到下.
div是block元素

---

span

与div类似，span是多个元素的容器，但他是行内元素

---

并列selector

selector1, selector2 {

}

---

继承selector

• 后代继承

  selector1 selector2 {

  }

• 直系后代继承

  selector1 > selector2 {

  }

(applies the given properties to selector2 only if it is directly inside a selector1 on the page(selector2 tag is immediately inside selector1 with no tags in between))

---

strong, b等标签

原则：html文件只定义文件结构，文件格式都应该放在css文件里定义
因此html中的strong, b标签只能作为语义上的强调，不能为了加粗而使用

---

specificity of specificity

见课件

---

同一个属性的不同方面可以集合在一起写

如：

h2{ border:　５px solod red;}

---

布局

每个元素可以看成一个box，由外向内依次是marget, border, padding, content
所有box都是矩形

---

居中

p {
margin-left: auto;
margin-right: auto;
width: 750px;
}

---

overflow: hidden

初步理解：当父容器的样式表加入overflow=hidden时，父容器的box将包含子元素，不管父容器的文本高度是否与子元素的一般大

---

position（定义偏移量时依赖的标准）

• static :这是默认状态，元素按照从左到右，从上到下，由浏览器计算其位置
• fixed : 相对于浏览器窗口，不随着页面滚动而改变位置
• relative：相对于static默认的位置
• absolute: 向祖先遍历，找到的第一个非static的祖先即为相对偏移标准，若找不到，则相对于浏览器窗口