WEB前端
溺水的鱼
这个作者很懒,什么都没留下…
展开
-
强制将IE8设置为IE7兼容模式来解析网页
英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼...2012-03-16 10:33:00 · 119 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之四
前言在用CSS控制排版过程中,定位一直被人认为是一个难点,这主要是表现为很多网友在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所措,而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来,比如CSS相册等等,因此自己杂乱的网页与高手完美的设计形成鲜明对比,这在一定程度上打击了初学定位的网友,也在他们心目中形成这样的一种思想:当我熟练地玩转CSS定位时,我就已是高手...2009-09-02 17:09:00 · 92 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之三
一、下面请看float的精彩表演,有请。大家好,我是float,欢迎访问CSS家族,在CSS家族中,在当今CSS排版流行的年代,我可扮演着重要的角色哦。因为我的工作对网页设计人员很有用,就像之前align帮助你们定位网页元素一样重要,但是我的功能似乎比align强多了。接下来我将现场给你演示我的绝活,看细心点哦。当然也许我一下子不能把我所有的技巧给大家演示,因为有些技巧...2009-09-02 17:08:00 · 114 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之二
作者:唐国辉 实现原理动画演示:http://www.blueidea.com/articleimg/2007/03/4563/cssNav.swf 自本人教程《彻底弄懂CSS盒子模式(DIV布局快速入门)》发表以来,一直获得各位网友的好评与支持,今天应各位网友的要求,也为了答谢各位网友的支持,本人将推出续篇教程,以加深各位网友对CSS盒子模式的理解。此教程面向读者还是...2009-09-02 17:07:00 · 104 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之一
熟悉工作流程在真正开始工作之前我们脑海中要形成这样一种思想:表格是什么我不知道,在内容部分我不能让它再出现表现控制标签,如:font、color、height、width、align等标签不能再出现,(简单说工作前先洗脑,忘掉以前的一惯做法,去接受和使用全新的方法),我不是单纯的用DIV来实现排版的嵌套,DIV是块级元素,而像P也是块级元素,例如要分出几个文字内容块,不是一定要用D...2009-09-02 17:06:00 · 116 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之一
前言如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要接触到的一个知识点就是CSS的盒子模式,这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大...2009-09-02 17:05:00 · 93 阅读 · 0 评论 -
CSS @import at规则
at规则HTMLDog指南 > CSS高级指南 > at规则at(@)规则把CSS规则都注入了一个压缩胶囊中,并且应用到指定的某些事物中。喔。导入导入import at规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可以这样做:@import url(addonstyles.css); 这经常用来取代连接CSS到HTML中的标签,本质...2009-09-02 10:40:00 · 129 阅读 · 0 评论 -
CSS颜色代码大全
CSS颜色代码大全 FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000...2009-08-25 15:55:00 · 733 阅读 · 0 评论 -
常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示to...2009-08-24 17:55:00 · 77 阅读 · 0 评论 -
区别不同浏览器,CSS hack写法
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *backgrou...2009-08-20 16:01:00 · 86 阅读 · 0 评论 -
【CSS布局.4】五种CSS布局类型
CSS 布局的五种类型概述有五种基本布局定位类型可供选择:* 弹性布局 - 总体宽度及其中所有栏的值都以 em 单位编写。这应使布局能够使用浏览器的指定基本字体大小缩放。 对于视力不好的用户, 这可能更有吸引力、更易于访问, 因为栏宽度将变得更宽,能以任何大小显示更舒适、更可读的行长度。 由于总体宽度将缩放, 您的设计必须允许可这宽度。* 固定布局 - 总体宽度及其中所有栏的值...2009-08-20 15:52:00 · 115 阅读 · 0 评论 -
【CSS布局.3】列表样式定义法
CSS代码:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x b...2009-08-20 15:52:00 · 100 阅读 · 0 评论 -
彻底弄懂CSS盒子模式之五
在本人上一篇教程《彻底弄懂CSS盒子模式四(绝对定位和相对定位)》中最后有演示一个综合导航实例,那时因为时间关系,同时本人也觉得有必要将这实例分出来单独讲一下,所以没有把实例讲解教程写到上一篇教程中。这个教程可以作为CSS定位学习的强化练习,当然教程我也不只是单一的讲解做的步骤,还会和大家一起来分析一下设计思路,同时分享本人在做的过程中发现的一些问题供大家防范参考。为了兼顾一下没有来得及看...2009-09-02 17:09:00 · 91 阅读 · 0 评论 -
CSS 盒模型
整理自:The CSS Box Model中文:CSS 盒模型CSS 盒模型网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。这个图表很好地展示了作用于页面上任意盒子的数值。注意以上两个例子中,margin...2009-09-02 17:11:00 · 95 阅读 · 0 评论 -
优化网站性能的14条准则
内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。 所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢?Steve Souders(Steve Souders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的...2011-12-27 16:20:00 · 102 阅读 · 0 评论 -
关于ie浏览器的插件IEDevToolBar 安装问题
IEDevToolBar是一款ie浏览器的插件,对于写样式的人来说非常非常方便,能提高效率。以前用过,今天我突然想使用,但是 发现启动不了,然后找来了同事wk1。解决了这个问题,解决方法:点击浏览器->工具-》管理加载项—>启动或禁止加载项-》将已经停用的IE Developer Toolbar (dll) 启动了 即可。下面是百度百科对此款插件的介绍 和 一个网友...2011-08-15 15:06:00 · 245 阅读 · 0 评论 -
利用CSS背景定位实现列表项目符号图像的精确定位(ul,li,自定义项目符号)
在越来越流行的DIV+CSS建站模式中,对于首页或频道主页放置的大量栏目或信息列表,普遍采用的是HTML中的列表类标签:ul li、ol li、dl dt dd。对于这些标签除了可以直接使用CSS BOX MODEL来进行设定,同时还有专有的CSS列表样式属性 list-style可以对其默认存在的项目符号进行设定。list-style的相关设定如下:list-style-ty...2011-08-04 16:50:00 · 751 阅读 · 0 评论 -
CSS中如何把Span标签设置为固定宽度
一、形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下:span {width:60px; text-align:center; display:block; }实际验证结果:IE6 OK, FIREFOX 3 OK。一、形如<span>ABC</span>DEF格式行设置SPAN为固定宽度的方法如下:...2011-02-18 17:34:00 · 125 阅读 · 0 评论 -
ie6,ie7,ie8 css bug兼容解决记录
转载自:http://www.wufangbo.com/ie6-ie7-ie8-css-bug-2 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法!1:li边距“无故”增加任何事情都是有原因的,li边距也不例外...2011-09-15 17:32:00 · 153 阅读 · 0 评论 -
httpwatch的timechart 解析
从timeChart,我们可以一目了然的看到那些请求花费的时间较长,一般柱状的长短表示从请求到接受共花费的时间,我们重点需要优化那些柱状较长的部分,当然我们也可以点击time列,按请求时间排到序,直接找出请求时间最长的部分。 针对每一条柱状图,又分为好几个部分,用不同颜色表示。这些颜色表示不同的时间段。举例说明,我们点击一条明细,在下方会出现该条请求的所有详细信息。我们点击TimeChart的...2011-09-08 14:04:00 · 144 阅读 · 0 评论 -
html里title属性换行的方法
众所周知,对于链接和图片,我们可以通过添加title属性以显示一些说明文字,一般情况下,这些文字都是显示成一行,那么有没有办法让它以多行的方式显示呢?解决的方法有两种:1.将title属性分成几行来写,例如:<ahref=#"title="说明一说明二说明三">印象派</a>2.第一行相对来说不够直观,我们还可以在需换行的地方...2010-05-27 18:24:00 · 191 阅读 · 0 评论 -
『转』分享多年美工工作收集的小工具和经验
1.图片素材收集技巧我们很多时候看到一个别的站点里面的图片和动画,怎样能方便拿到?有一个简单的技巧就是,打开IE的 internet选项->internet临时文件,删除所有脱机内容 ,(然后把喜欢的这个网站浏览一遍),再打开IE的 internet选项->internet临时文件,点设置,查看文件 (就会看到刚才该网站的所有素材和动画,复制出来就可以直接使用了)2...2010-05-21 16:44:00 · 114 阅读 · 0 评论 -
网页特效:随滚动条移动的DIV层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><HEAD>&2010-02-11 11:07:00 · 95 阅读 · 0 评论 -
DOCTYPE声明对JS获取窗口宽度和高度的影响
在没有DOCTYPE声明的情况下:document.body.clientWidthdocument.body.clientHeight为当前窗口的宽度/高度;在DOCTYPE声明以后document.body.clientWidthdocument.body.clientHeight为整个页面的宽度/高度;document.documentElement.clie...2010-02-09 13:24:00 · 95 阅读 · 0 评论 -
HttpWatch中的ERROR_INTERNET_INVALID_URL错误 [此博文包含图片]
原文:ERROR_INTERNET_INVALID_URL &HttpWatch一些用户反映,最近在他们的页面中通过 HttpWatch 抓包,有发现请求 http://:/这样的地址,想知道发生这种问题的原因。这样的 URL 会在 IE6 中显示 “ERROR 0x57”,而在 IE7中显示为“ERROR_INTERNET_INVALID_URL”。发生这样的...2010-02-03 10:04:00 · 127 阅读 · 0 评论 -
【CSS布局.2】绝对定位和相对定位
Absolute,CSS中的写法是:position:absolute;TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。 一般来讲,网页居中的话用Abso...2009-08-20 15:51:00 · 104 阅读 · 0 评论 -
【CSS布局.1】盒子模型
例子:.box { width: 200px;border: 10px solid #99c;padding: 15px;margin: 20px;} <p class="box"> 内容</p>正如你能看到的,一个盒子由四个独立部分组成,最外面的是边界(margin)总是透明的第二部分是边框(border),边框可以有不同的...2009-08-20 15:51:00 · 95 阅读 · 0 评论 -
DIV CSS布局:CSS浮动float属性详解
在传统的表格布局中,我们对表格应该对齐方式对实现了对布局的应用,而应用Web标准构建网页以后,float浮动属性是布局中非常重要的属性,我们常常通过对div元素应用float浮动来进行布局,不但对整个版式进行规划,也可以对一些基本元素如导航等进行排列。我们来看看float属性基本释义: 该属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时,对象将被视作块对象...2010-04-01 16:25:00 · 138 阅读 · 0 评论 -
明明白白讲解CSS浮动属性float的故事
float是什么? float是CSS控制中的定位属性。我们经常在传统印刷产品中看到图片被文本围绕,这种方式一般被称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为无...2010-04-01 16:24:00 · 84 阅读 · 0 评论 -
IE浏览器有个很莫名其妙的Bug:有时候文字或者背景图片死活显示不出来。
IE浏览器有个很莫名其妙的Bug:有时候文字或者背景图片死活显示不出来。如果你全选整个页面,会发现那些内容实际上还在那里,或者重新刷新一下页面显示就正常了。 通常来说这个问题都发生在那些跟在浮动元素后面显示的文字或背景图片身上。要解决这个问题,可以试试给那些消失的元素加上position: relative属性。如果还不行,再试试设置一下width...2010-03-31 12:26:00 · 122 阅读 · 0 评论 -
http状态码一览表
http状态码一览表 1**:请求收到,继续处理2**:操作成功收到,分析、接受3**:完成此请求必须进一步处理4**:请求包含一个错误语法或不能完成5**:服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成2...2009-12-10 12:37:00 · 116 阅读 · 0 评论 -
Internet Explorer无法打开站点,已终止操作
Internet Explorer无法打开站点,已终止操作 在页面还没有ready的时候就调用了htmlObject的appendChild或者innerHTML操作,这样会在IE上弹出一个对话框:“Internet Explorer无法打开站点,已终止操作” 在网上搜索了一下,解决方法大概为以下两点: (1)在appendChild或者innerHTML操作处判断 docum...2009-12-01 17:02:00 · 128 阅读 · 0 评论 -
HTML元素 - map的用法
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:<img src=img.gif usemap="MAP-Name"><map name="MAP-Name"><area shape="rect|circle|poly" coords="#" href="url">2009-10-28 17:30:00 · 134 阅读 · 0 评论 -
HTML编辑器FCKeditor使用详解
本文介绍FCKeditor在Java环境下的使用方法。一、简介功能:所见即所得,支持图片和Flash,工具栏可自由配置,使用简单兼容性:IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、 Camino 1.0+成熟度:使用广泛,被Baidu、CSDN等选用二、下载官方下载首页:h...2009-10-22 17:37:00 · 114 阅读 · 0 评论 -
基于Java Web的文件上传进度显示的一种解决方案
在Web应用开发中,常常会遇到文件的上传下载模块,下载文件时无论IE还是常用的flashget等下载软件都提供了友好的下载进度显示,可以让用户很清晰的了解到下载的进度,特别是在进行大文件传输时,为用户提供了非常舒服的感觉...可以想像,一个几百M或者上G的文件传输过程没有进度显示,是一件多么让人无法忍受的事情。 ?然而在如今大多数的服务器上传组件中却没能提供文件上传进度的显示功能或相...2009-10-09 15:30:00 · 104 阅读 · 0 评论 -
Div CSS布局实例:详解建立Flash上面浮动层
最近群里有很多朋友在讨论,如何在Flash上面建立一个层,这个层位于Flash之上而不被Flash覆盖。这是一个比较常见的案例,在现实工作中有着很大的意义。 例如,我们在页面顶端设置一个Flash动画,但想在这个动画上面浮动一层,可以放置链接或说明文字等。这样的编码更加易于修改,也更容易被搜索引擎收录;更重要的是,如果用户屏蔽了Flash,依然可以看到浮动层上的文字。 废话不多说,看这...2009-09-27 13:59:00 · 130 阅读 · 0 评论 -
解决弹出层被Flash挡住的问题
网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法!今天在做网页的时候,我想在flash上放一个层,然后放图片等内容,可是总是被flash遮挡,因此总结了一下对于这方面的问题的几个解决方法,希望可以对朋友和自己有帮助! 1.flash把层遮挡住了,如何处理呢?============================================...2009-09-27 13:53:00 · 129 阅读 · 0 评论 -
15个优秀的第三方 Web 技术集成
在 Web 开发与设计中,事事亲历亲为并非好事,我们经常被告诫不要重复发明轮『子』(don't reinvent the wheel),大而全式的开发不仅是巨大的负担,而且带来更多安全隐患,你毕竟不是所有技术的行家,业界有很多优秀的第三方技术可以借用或者集成,我们必须承认,这些技术比我们自己所能设计的要好得多。本文介绍了15种可以集成到我们的 Web 站点的技术。1. RSS feeds在...2009-09-25 10:13:00 · 108 阅读 · 0 评论 -
CSS浮动原理
CSS Float是网页设计最强大的灵活性功能之一。本文介绍CSS Float的基本原理和行为特征,并介绍各种浏器Float特性的Bugs。 内容基本的浮动原理 浮动是如何进行的 浮动从何处开始 水平浮动堆叠 反向浮动 Clearing Floats 基本的浮动原理任何元...2010-04-01 16:25:00 · 111 阅读 · 0 评论 -
CSS float浮动的深入研究、详解及拓展(一)
概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮动应用都不是浮动应该做的个人观点之浮动其实是个魔鬼、混球一、引言你我看待事物的方式不同,价值取向也不同,因为我们有着不同的世界观,价值观。这种世界观的差异不仅仅体现在实际的生活中,也反映在代码上。你我看待代码的方式,或者说是...2010-04-01 17:43:00 · 104 阅读 · 0 评论