HTML&CSS

一、另一个有用的伪类（pseudo-class）是first-child,它通常用来对标签下第一个子节点

进行格式操作，如：

p:first-child {
    color: red;
}

使得所有作为其他标签的第一个子节点的<p>标签颜色为红色。

二、可以使用nth-child伪类指定一个标签下的任意一个子节点，只需在后面添加一个括号，括号中

标明你想操作的子节点数，如：

p:nth-child(2) {
    color: red;
}

表示操作的是任意标签下的第二个且为<p>标签的子节点。

三、display：

display属性有四种取值，分别是block，inline-block,inline,none,用来控制标签的显示
block：保持默认尺寸，不允许其他标签放在它旁边（左右），它独占一行；
inline-block:会保持原来的尺寸，允许其他标签放置在它旁边；
inline:不保持原来的尺寸，与其他标签放在同一行；
none:不显示该标签

四、.margin,border,padding,content

margin：两个标签之间的距离；
border：标签的边界；
padding：标签的边界到标签里的内容（content）的距离；
content：标签内的具体内容。

缩略词：TM，TB，TP分别代表top margin,top border,top padding,依次类推。

五、Margin&Padding
设置你的标签与其他标签的距离，也可以单独设置某一边的margin，如：
margin-top设置与上面标签的距离；margin-right设置与右边标签的距离，依次类推；
也可以一次设置所有边上的距离，如：
margin: 1px 2px 3px 4px;
依次为上，右，下，左。
同理padding也具有上述性质。
数值可以为负数。


六、float
让你的标签浮动在一个位置，如：
float:right;
表示该标签浮动在网页的右边。


七、clear
表示清除位于特定位置的浮动标签下面的所有标签，
取值有right，left，both。


八、position
取值有absolute，relative，fixed，默认值为static
absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
relative：生成相对定位的元素，相对于其正常位置进行定位。
fixed：表示该标签被固定在屏幕的该位置，不随屏幕的滚动发生位移。