Home  >  Article  >  Web Front-end  >  DIV+CSS基础_html/css_WEB-ITnose

DIV+CSS基础_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:27:39996browse

1.

  四种框的存在:

  (1)块元素的框;

  (2)内联元素的框;

  (3)行内框;(和内联元素的框不同)

  (4)行框。

2.  

  按照标准,行内框中的文字是居中显示的。即行内框的上边和文字顶部的距离应该是行距(文字底部和下行文字顶部的距离)的一半。

  但是在不同浏览器下,文字的位置会和正中间有1到2个像素的差别,由于这种差别很小,可以忽略不计。

3.

  若没有设置height。

  (1)块元素框高度的影响因素:

            子元素为块元素,外边距框的高度会影响。

     子元素为内联元素,行框的高度(间接由行内框的高度确定),而不由内联元素边框的高度确定。

  (2)内联元素框高度的影响因素:

    字体大小(font-size)。

    其他因素暂不知。

4.

  

  • 是块元素。

    5.

      DIV+CSS基础_html/css_WEB-ITnose下方有3像素的空白,消除空白的办法:display:block。

    6.

      子元素相对父元素绝对定位,当子元素定位的位置超过了父元素的框时,如果父元素设置了overflow:hidden,则子元素会消失。

  • Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn