DIV+CSS优点如下：
1、能够使代码精简，使用div+css布局使代码很是精简，css文件可以在网站的任意一个页面进行调用，避免了使用table表格修改部分页面。
2、提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。
3、有利于优化。采用div-css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。
4、浏览器兼容性 。DIV+CSS更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。
5、需要注意的是，网页不喜欢一个页面有太多的css代码，否则同样会影响蜘蛛的爬行，影响搜索引擎的收录，所以采用外部调用的方式调用CSS是非常不错的方法。
6、若非必须太多花哨的网站，采用CSS布局，同样可以到达所想要的效果。如网站导航中的文字颜色变化、css下拉菜单等。
扩展资料：
DIV+CSS对SEO网站优化能起的作用
1、精简的代码，使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简提高了百度蜘蛛的爬行效率以及高效性，能在最短的时间内爬完整个页面，同时这样对收录质量也有一定好处。
2、提高访问速度、增加用户体验性
使得加载速度得到很大的提高，那么用户点击页面的等待时间就越少，用户体验性的增加相应的带来就是网站受到搜索引擎的喜欢，进而提高网站排名。
3、div+css结构清晰，很容易被搜索引擎搜索到，本来就是适合优化seo，降低网页的大小，让网页体积变得更小。
4、要注意的是：div+css结构清晰、精简，不意味着可以全部用div+css结构，比如通篇HTML标签全DIV的，貌似除了<head>之上及<body>之上及之外，其它全是<div>，就如同整个HTML是一万个毫不相干的内容拼装起来，或者通篇是<div><ul><li>结构的，就如同这个页面所有元素全是列表。
参考资料来源：百度百科-div css
#in_send div.tit{margin:10px 0 10px 0color:#666666font-size:14pxfont-weight:bold}/*内部发表评论区域*/ #in_send{ } /*发表评论区域背景*/ #in_send input{ } /*内部发表评论及留言区域的输入区,包括单选框,文本框和按钮*/ #in_send div.tit{ } /*发表评论标题*/ #in_send table{color:#888888font-size:12px} /*发表评论内容*/ #in_send td.f14{color:#888888font-size:12px} /*提示语*/ input.#spBlogCmtor{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*姓名输入框*/ input.#spBlogCmtURL{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*网址输入框*/ #spBlogCmtText{ } /*评论输入框*/#spBlogCmtText {border: 1px solid #888888background:#FFFFFF url(" target="_blank" >
) right bottom no-repeat background-position:100% 70%!importantborder-style:solidborder-width:1pxborder-color:#888888padding:5pxmargin:0pxfilter:alpha(opacity=70)color:#000000font-size:14pxbackground-attachment: fixed}#spBlogCmtURL {border: 1px solid #888888}#spBlogCmtor {border: 1px solid #888888}/*留言板内部页面*/ #spBCmtAuthor{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*留言姓名输入框*/ #spBCmtURL{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*留言网址输入框*/ #spBCmtText{color:#888888font-size:12pxborder:1px solid #888888} /*留言输入框*/ #vercode input{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFFcolor:#00B1DDfont-size:14px} /*验证码输入框*/ #in_send td.f14 input{color:#888888font-size:12pxborder:1px solid #888888} /*添加留言按钮*//*留言板内部页面*/ input.#spBCmtAuthor{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*留言姓名输入框*/ input.#spBCmtURL{color:#888888font-size:12pxborder:1px solid #888888background:#FFFFFF} /*留言网址输入框*/ #spBCmtText{color:#888888font-size:12pxborder:1px solid #888888} /*留言输入框*/ #vercode input{display:none} /*验证码输入框*/ #in_send td.f14 input{color:#888888font-size:12pxborder:1px solid #888888} /*留言按钮*/m_comment_post table,#in_send table{width: !important} /* 首页添加留言区域 */.EditorContainer{/*留言板调用载体 此处加入背景图*/ color:#888888!important font-size:12pxborder:solid 1px #888888!importantbackground:#FFFFFF url(
" target="_blank" >
) right bottom no-repeat background-position:100% 70%!important}.EditorContainer iframe{/* 留言板调用文字输入区 */ color:#888888!importantfont-size:15px-moz-opacity:0.5filter:alpha(Opacity=40)background:#888888left top no-repeat }
CSS是用来写按钮的一些样式,但是无法做到事件，交互Js 用来写和用户的交互 也就是点击
ajax 在数据库取值，实现页面无刷新读取数据，
形成即时点击显示当前顶的数
