1. div+css
    2. div 是用来存放heml元素，文字，视频，图片的元素
    3. css 是层叠样式表，用于去指定div 中的内容的样式
    4. 原理图：
    6. div+css案列
    7. test.html：
    9. <html>
    10. <head>
    11. <link href='my.css' type='text/css' rel='stylesheet' />
    12. </head>
    13. <body>
    14. <div class='style'>
    15. <table>
    16. <tr><td>1</td><td>2</td><td>3</td></tr>
    17. <tr><td>1</td><td>2</td><td>3</td></tr>
    18. <tr><td>1</td><td>2</td><td>3</td></tr>
    19. </table>
    20. </div>
    21. </body>
    22. </html>
    24. my.css：
    26. .style{
    27. width:300px;
    28. height:200px;
    29. border: 1px solid red;
    30. margin:200px 0px 0px 500px;
    31. }
    32. .style table{
    33. border: 1px solid black;
    34. width:290px;
    35. height:190px;
    36. }
    37. table td{
    38.     border:1px solid black;
    39.     text.
    40. }
    41. div+css的优势
    42. ①符合W3C标准。微软等公司均为WC支持者
    43. ②搜索引擎更加友好
    44. ③样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。现在VAH00,MSN等国际门户网站,网易,新浪等国内门户网站和主流的WEB2.0网站,均DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋
    45. ④CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码
    46. ⑥DIV+CSS并不是要我们抛弃 table,因为table在显示数据肘,特别方便,因此在使用DIV+CSS肘,该使用 table肘,就得使用。
    47. css的必要性
    48. 案例：
    50. 使用<span>元素来编写
    51. 使用ide(集成编程工具)开发css(myeclipes)

    image.jpegimage.jpeg