Rumah  >  Artikel  >  hujung hadapan web  >  DIV+CSS基础_html/css_WEB-ITnose

DIV+CSS基础_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:27:39996semak imbas

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,则子元素会消失。

  • Kenyataan:
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn