#xhtml和html有什么区别？ line-height：150％与1.5啥区别？

xhtml和html有什么区别？

• ⼀个是功能上的差异
  主要是XHTML可兼容各⼤浏览器，⼿机以及PDA，并且浏览器也能快速正确地编译网页
• 另外是书写习惯的差异
  XHTML元素必须被正确地嵌套，封闭，区分⼤小写，⽂档必须拥有根元素

line-height：150％与1.5啥区别？

• 150％是根据父元素的字体大小计算出行高，和子元素依然沿用这个计算后的行高。

• 而1.5则是根据子元素自己字体的大小去乘以1.5来计算行高。另，1.5em等也是按照150％的情况来算的。
  例：`<！-当line-height：150的效果，父元素的行高为150％时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height：150 ％时，字元素的行高等于16px * 150％= 24px：->
  < div 样式=“ line-height：150％; font-size：16px; background：skyblue; ” >
  父元素内容
  < DIV 风格= “字体大小：30像素;背景：红色; ” >
  网络前端开发< BR />
  line-height行高问题
  </ div >
  </ div >

<小时>

<！-当line-height：1.5em的效果，父元素的行高为150％时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height：1.5 em时，子元素的行高等于16px * 1.5em = 24px：->
< div 样式=“ line-height：1.5em; font-size：16px; background：skyblue; ” >
父元素内容
< DIV 风格= “字体大小：30像素;背景：红色; ” >
网络前端开发< BR />
line-height行高问题
</ div >
</ div >

<小时>

<！-当line-height：150的效果，父元素的行高为150％时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height：150 ％时，字元素的行高等于16px * 150％= 24px：-> 
< div 样式=“ line-height：150％; font-size：16px; background：skyblue; ” >
    父元素内容
    < DIV 风格= “字体大小：30像素;背景：红色; ” >
        网络前端开发< BR />
        line-height行高问题
    </ div > 
</ div >



<！-当line-height：1.5em的效果，父元素的行高为150％时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-height：1.5 em时，子元素的行高等于16px * 1.5em = 24px：-> 
< div 样式=“ line-height：1.5em; font-size：16px; background：skyblue; ” >
    父元素内容
    < DIV 风格= “字体大小：30像素;背景：红色; ” >
        网络前端开发< BR />
        line-height行高问题
    </ div > 
</ div >



<！-当line-height：1.5时的效果，父元素行高为1.5时，会根据子元素的字体大小动态计算出行高值让子元素继承。所以，当line-height：1.5时，子元素行高等于30px * 1.5 = 45px：-> 
< div 样式=“ line-height：1.5; font-size：16px; background：skyblue; ” >
    父元素内容
    < DIV 风格= “字体大小：30像素;背景：红色; ” >
        网络前端开发< BR />
        line-height行高问题
    </ div > 
</ div >