address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
内联元素主要有:
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var
可变元素(根据上下文关系确定该元素是块元素还是内联元素):
applet ,button ,del ,iframe , ins ,map ,object , script
437CSSDisplay(显示)
块级元素(block)特性:
内联元素(inline)特性:
块级元素主要有:
内联元素主要有:
可变元素(根据上下文关系确定该元素是块元素还是内联元素):
CSS中块级、内联元素的应用:
利用CSS我们可以摆脱上面表格里HTML标签归类的限制,自由地在不同标签/元素上应用我们需要的属性。
主要用的CSS样式有以下三个:
我们常将<ul>元素加上display:inline-block样式,原本垂直的列表就可以水平显示了。
436CSSpadding(填充)
margin 是指从自身边框到另一个容器边框之间的距离,就是容器外距离。(外边距)
padding 是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。(内边距)
注意:将 padding 设置为负值无效:margin:0 auto; 只对块级元素起作用
435CSSpadding(填充)
对于 margin 和 padding ,百分比按照父元素的宽计算,这只发生在默认的 writing-mode: horizontal-tb; 和 direction: ltr; 的情况下。
当书写模式变成纵向的时候,其参照将会变成包含块的高度。
对于定位元素,其百分比是按照定位了的父元素来计算(未定位的父元素会被跳过)。
434CSSpadding(填充)
padding:填充
padding-top:上边距
padding-bottom:下边距
padding-left:左边距
padding-right:右边距
433CSSpadding(填充)
padding 属性的书写格式总共有以下几种:
注意:padding 后面 4 个值定义的顺序分别为 -- 上 右 下 左
而 padding-top 或者 padding-bottom 这种写法,只是单方面的定义了一个方向的值,这样写会增加 CSS 代码的长度,增加 CSS 样式的代码量,拖慢页面的加载速度。