Heim  >  Artikel  >  Web-Frontend  >  htmlcss笔记标签默认值样式重置css reset(2)_html/css_WEB-ITnose

htmlcss笔记标签默认值样式重置css reset(2)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:47:151440Durchsuche

1.内联,内嵌,行内元素:

  默认可以继续跟同类型标签显示;

  由内容撑开宽度,内容多宽,会有多宽;

  span,内嵌标签部支持宽高,即使加了宽高也不支持,

  也不支持上下内外边距,但是支持左右内外边距;内上下边距会影响背景颜色(但不会撑开距离,不会把后其他元素往下挤开,但会在显示出背景)

    

  内嵌代码换行会被解析为空格,块级不会。

 

 

 

 块级元素:

  默认独占一行显示;

  没有宽度时,默认撑满一排,父级有多宽撑满多宽,

  

2.display:block;显示为块;

  display:inline;显示为内嵌

  改变基本特信后会跟块级/内联的特性一样。

3.图片img:既不是内联也不是块级,

  可以并排显示;支持宽高;

    inline-bolck;

    ie6,ie7不支持属性标签的inline-block;

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn