CSS入门(4)--CSS中的浮动和定位

1 块级元素和行内元素

1） 块级元素

● 霸占一行，不能与其他任何元素并列

● 能接受宽、高

● 如果不设置宽度，那么宽度将默认变为父亲的100%。

2） 行内元素

● 与其他行内元素并排

● 不能设置宽、高。默认的宽度，就是文字的宽度。

在HTML中，我们已经将标签分过类，当时分为了：文本级、容器级。

文本级：p、span、a、b、i、u、em

容器级：div、h系列、li、dt、dd

 

CSS的分类和上面的很像，就p不一样：

所有的文本级标签，都是行内元素，除了p，p是个文本级，但是是个块级元素。

所有的容器级标签都是块级元素。

2 块级元素和行内元素的相互转换

1          div{

2                               display: inline;

3                               background-color:pink;

4                               width: 500px;

5                               height: 500px;

              }

1          span{

2                               display: block;

3                               width: 200px;

4                               height: 200px;

5                               background-color: pink;

              }