您现在的位置:首页 >> 前端 >> 内容

HTML&CSS

时间:2016/12/13 9:34:53 点击:

  核心提示:一、另一个有用的伪类(pseudo-class)是first-child,它通常用来对标签下第一个子节点进行格式操作,如:p:first-child {color: red;}使得所有作为其他标签的第...
一、另一个有用的伪类(pseudo-class)是first-child,它通常用来对标签下第一个子节点

进行格式操作,如:

 

p:first-child {
    color: red;
}
使得所有作为其他标签的第一个子节点的

标签颜色为红色。

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

标明你想操作的子节点数,如:

 

p:nth-child(2) {
    color: red;
}
表示操作的是任意标签下的第二个且为

标签的子节点。

三、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:表示该标签被固定在屏幕的该位置,不随屏幕的滚动发生位移。
 

Tags:HT TM ML LA 
作者:网络 来源:ssjj_progr