CSS行块标签的显示方式

块级元素

标签：h1-h6，p,div,ul,ol,li,dd,dt
特点：
（1）如果块级元素不设置默认宽度，那么该元素的宽度等于其父元素的宽度。
（2）所有的块级元素独占一行显示.
（3）可以为块级元素设置宽度和高度

行内元素

标签：span a b font strong…
特点：
（1）所有的行内元素都在一行上显示
（2）行内元素不能设置宽度和高度

行内块元素

标签：input img
特点：
（1）可以设置宽度和高度
（2）元素在一行上显示

元素模式转换

转换块级元素
display:block
转换为行内元素
display:inline ，转为行内的话，宽高立马失效
转换为行内块元素
display:inline-block
注意：一半情况下，要把行内元素设置宽度和高度的话，我们考虑将行内元素转化为块级元素或行内块元素。不需要将行内块转化为其他的

京东的导航条

行内元素a标签放在块元素内，ul ,li是块元素，所有有个效果，在箭头这里，鼠标指针移到“”秒杀“”文字这里，字体就变红色，a标签被转为块元素，可以设置宽高，独占一行，但是外面是li，li加了浮动float:left样式，所以会排成一行。