版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://097633.blogbus.com/logs/31448360.html 收藏一份不错的DIV+CSS布局的SEO优化资料： Div+css命名规则-增强SEO页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：...
在大约两年前，DIV+CSS是一对很诱人的组合，会用DIV+CSS制作网页的人，常常会被人赞以大拇指的，记得06年初的时候，我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。 今天，尽管提到DIV+CSS，还会有很多人热情高涨，但是我会对他摇头了：DIV+CSS不是一切，更不是某些人所谓的“神话”！创造神话的是CSS，不是DIV+CSS。我想，是时候纠正这个问题了。 CSS的要义，是各个标签要各尽所用。 盲目推崇DIV+CSS只会...
DIV+CSS弹出提示框脚本，效果如下： JS代码如下 Code /* 使用方法： 直接调用showhint()方法即可，showhint()方法中参数说明：obj为要显示提示信息的控件对象，info为提示内容 例： onmouseover="showhint(this,这是地球人都知道的东西，没什么好提示的。)" onmouseout="hidehintinfo()" */ document.write(""); function showhint(obj,info) ...
div+css 的嵌入方式和布局优点 1、嵌入方式 行内套用 可以在HTML文件内直接宣告样式。 举例来说，Thisisfontsize16. 以上的HTML文件在浏览器上会显现为：Thisisfontsize16. 嵌入套用样式可以嵌入于HTML文件中(通常是在内)。 举例来说，div{background-color:#FF0000;}背景颜色是红色 以上的HTML会显现出：背景颜色是红色 外部连接套用 在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。 该档案通常名称为.c...
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第...
虽然3cw的标准一再被seo界强调,但实际中仍有一些网站因为这样那样的原因还在使用table来布局版面.为什么要用div+css来控制版面布局?我说以下几点原因. 第一,从用户角度出发. 如果一个网站是用div+css来布局页面的话,那么她的适应能力很强.也就是说不论用户用哪一种浏览器基本上都可以在不变形的情况下浏览完整.如果用table很难做到.大家可以参考一下 http://www.leyaa.com/这个网站. 第二,从网站的运行速度来说 如果...
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，原创科技网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用是一样的。 DIV本身就是容器性质的,你不但可...
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用p CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全)随着I...
当我们进行CSS+DIV的方式来重构我们的 html页面时，通常会发现一些是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1.检查HTML元素(如:、)、属性(如:class=”")是否有拼写错误、是否忘记结束标记 (如:...
一般三栏式的作法如下图所示，我的作法会有几个DIV框架：Top、Container、Left、Content、Right、Footer这几个常态会存在的DIV。 ==================== CSS原始码 ==================== body{ margin:0; padding:0px} (如果你要置中，在Firefox要正常，就要改成margin: 0px auto;) #DivTop { width:1000px; } (或者设定百分比) #DivContainer {} (可以不用设立width，没有设定会预设为100%) #DivLeft { width:200px; f...
CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ di...
DIV+CSS自适应宽度: 自适应宽度实例--www.ops.cc/* 自适应宽度 */#left{width:150px;margin-right:-150px;float:left;}#center{width:auto;margin:0 0 0 150px;}#right{width:140px;margin-left:-140px;float:right;}/* 自适应高度度 *//* warp 用于隐藏溢出的部分 */#wrap{overflow:hidden;}#left,#center,#right{padding-bottom:20000px;margin-bottom:-20000px;}左边栏,固定宽度150px;高度600px右边栏,固定宽度150px;高度...
收集最实用的网页特效代码！ http://js.alixixi.com/ SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下：页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小...
应用DIV+CSS编码时常犯错误 本文向大家描述一下应用DIV+CSS编码时容易犯的一些错误，DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别。 应用DIV+CSS编码时容易犯的一些错误 DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，...
DIV+CSS是网站标准(或称“Web标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2....