CSS设计符合Web标准的网页表单的几个技巧
本文总结了用div css进行网页表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意。 1、表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.sele...阅读全文
中小企业网站优化存在的弊病
一、盲目追求美观,在页面内出现了过多的图片和动画 1、 很多网站,因为企业网站本身的内容比较少,好多网站采取了通过视觉冲击来达到,让受众者耳目一新的感觉 2、 logo采用flash的,导航采用动画的。在网页的顶部扣一个大帽子,整个帽子就是一幅画,嫣然很漂亮的样子 3、 这些因素,都给搜索爬虫一种认识...阅读全文
div+css设置列表li超出部分显示省略号
我们常常希望列表中的内容,超过设置的长度的时候,不要撑开父元素,也不希望它直接换行;我们更愿意用div+css设置列表li超出部分显示省略号。而在title标签中,置放的是完整的标题。 这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与IE与OP浏览器! 设置li超出部分显示省略号的方...阅读全文
一行内文本超出指定宽度溢出的处理
div+css控制文本长度一般的文字截断(适用于内联与块): .text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/*...阅读全文
DIV+CSS实现内容垂直居中的一个例子
DIV+CSS实现内容垂直居中的一个例子 以下是引用片段: <html><title>深山行者</title><head><style>.holder{ width:740px; height:500px; ...阅读全文
Div+CSS布局应该注重语义、注重代码的重用性
普通的一个页面无非就是HTML以及CSS和JS等脚本组成,相对以前来说,大家都是用表格(table)来实现页面的布局,而现在呢,追求的是用层(div)来布局了。很多朋友说用层(div)布局跟用表格(table)布局的差别很大,这个我同意,因为表格(table)是用来体现二维数据的。但是既然我们以前能用,而且一直在用,也...阅读全文
CSS编写过程中常见的10个错误以及解决方法
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是...阅读全文
缩写精简不必要的css定义代码来实现控制网页文件大小
尽管对于现如今的带宽来说,网页文件那仅以K来算的大小实在是微不足道,但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。 众所周之,在不影响整个网页构架与功能的情况下,网页文件越小越好,因为更小的网页文件有利于浏览器对网页的解释时间缩到更短,自然访客也就不用面临等待网页缓慢呈现的烦躁了,这...阅读全文
div+css布局中的精粹技巧
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。 2.使...阅读全文
关于网页里面的DOCTYPE见解
css标准里面的DOCTYPE不可怕,但把它拿走,会让你怕了又怕。 最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个——显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明...阅读全文