-
区别div和span、relative和absolute、display和visibility
所属栏目:[产品] 日期:2018-10-02 热度:88
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网[详细]
-
Border-style:double在IE和FireFox之间的差异
所属栏目:[产品] 日期:2018-10-02 热度:63
Css中我们经常使用border属性来实现边框效果。在所有的border-style中,solid一直为我们常用。尽管dotted属性我们也经常用到,但是该属性在IE中效果很差。这篇文章要讨论的是另外一个我们不经常用到的属性:double。 下面是border-style:double属性在IE和F[详细]
-
前台开发从头说起:关于web标准化
所属栏目:[产品] 日期:2018-10-02 热度:71
虽然CSS在表现方面天生具有很多优势,但是如果不是web标准化的盛行,估计CSS不会达到今天这样的热门。所以要说CSS,肯定要从web标准化说起。实际上,对CSS的理解越深,才能越好地理解和使用CSS。 很多人对于web标准化的理解就是DIV+CSS,或者IE、FF、 Chro[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-18 热度:122
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-18 热度:96
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-18 热度:188
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-18 热度:190
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-18 热度:166
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-18 热度:113
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-18 热度:104
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-18 热度:155
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
蒙版flash在网页图片上的显示
所属栏目:[产品] 日期:2018-09-18 热度:151
Copy to Clipboard 引用的内容:[www.veryhuo.com]table width=756 border=0 align=center cellpadding=0 cellspacing=0 tr td valign=toptable width=756 border=0 cellspacing=0 cellpadding=0 tr td background=images/top.jpgobject classid=clsid:D27[详细]
-
网页设计中Hover属性的充分利用
所属栏目:[产品] 日期:2018-09-18 热度:158
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
兼容IE/火狐的无提示关闭窗口代码三则
所属栏目:[产品] 日期:2018-09-06 热度:185
烈火网(LieHuo.Net)教程 今日在本省最大的站长交流群中,有一位朋友问我如何做到点击关闭窗口无提示,于是在烈火网以往的文章中检索了一下,找到《点击关闭窗口 window.close() 无提示的方法》,测试了一下,兼容性不是太好,于是又整理了三个方法,都是兼[详细]
-
初级教程:DIV使用的小技巧
所属栏目:[产品] 日期:2018-09-06 热度:98
发布这个一来是和大家分享一些小经验,二来是为了自己以后找得方便 在div中文字垂直居中有两种情况:单行文字、多行文字 一、单行文字 只需设置div的高度与文字的行高一样就OK了,即 line-height 和height 的数值一样。 例如:div{ height: 20px; line-heig[详细]
-
IMG与容器下边界的空隙(缝隙)问题
所属栏目:[产品] 日期:2018-09-06 热度:99
问题描述: IE7下 img与div(block类型元素)下边界有距离(或者叫缝隙、空隙)。 IE7才会有这个问题, IE8 下是没有的。 解决方案: 法宝一:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 img{vertical-align:bott[详细]
-
IE中伪类hover的使用、BUG及解决方法
所属栏目:[产品] 日期:2018-09-06 热度:56
伪类:hover的规则: 在CSS1中,此伪类仅可用于a对象。且对于无href属性的a对象,此伪类不发生作用; 在CSS2中,此伪类可以应用于任何对象; 目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7以及 Firefox 支持CSS2中的:hover。 先用CSS2的写法来实现:[详细]
-
两种跨浏览器的自适应高的解决方法
所属栏目:[产品] 日期:2018-09-06 热度:190
烈火网(LieHuo.Net)教程 两种跨浏览器的自适应高的解决方法,第一种办法,我根本不理解,第二种方法,比较好理解,采用相对定位,背景和文字是分离的。 第一种,代码: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR[详细]
-
彻底解决图片元素下多余空白的问题
所属栏目:[产品] 日期:2018-09-06 热度:59
在进行页面的DIV+CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的。对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。 1[详细]
-
静态页实现跳转和对 http_referer 信息的影响
所属栏目:[产品] 日期:2018-09-06 热度:143
在静态页面上我能想到的只有3种实现跳转的方法: 1)javascript : window.location.replace(http://www.google.com); 没有历史记录,无法后退,易用性不好 window.location.href = http://www.google.com; 可后退 FF 会发送 referer 信息,但是 IE 不会,至[详细]
-
prototype中文参数乱码解决方案
所属栏目:[产品] 日期:2018-09-06 热度:107
在使用portotype,调用ajax方法时出现乱码,此时,获取页面中加入 可以试试;; Page.Response.Charset = gb2312; 如果不奏效,有人提供另外解决方案: request: function(url) { this.url = url; this.method = this.options.method; this.encoding = this.o[详细]
-
仿QQ空间的DIV窗口(附源代码下载)
所属栏目:[产品] 日期:2018-09-06 热度:175
QQ空间的DIV窗口样子倒是不错,可惜搞源码不容易,只好拿jBox代码修改下。效果图如下:(怎么样?有几分神似吧) 那怎么调用呢。 有一种是iframe调用,就是把另一个页面嵌入到div窗口中来。 jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','[详细]
-
submit与onsubmit的区别是什么
所属栏目:[产品] 日期:2018-09-06 热度:169
最近在开发中遇到了表单提交前验证的问题,用一个普通的button按钮代替submit按钮, 在提交前触发这个button的onclick事件,在其事件中触发form的submit事件。问题出现了: 以下是相关代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]form action=[详细]
-
Dreamweaver CS4 初步试用感受
所属栏目:[产品] 日期:2018-08-25 热度:151
此前piscdong已经做过一次评测了,这次的Beta正式推出,我也来参与一下.当回小白鼠吧. 新的界面设计非常让人兴奋: 页面内链接进来的css和js文件都可以在这里选择并进入编辑. 代码检查(Code Inspector)功能可以让你非常方便的在设计视图中进行代码修改 各种窗[详细]
-
深入了解Dreamweaver创建链接关系
所属栏目:[产品] 日期:2018-08-25 热度:158
链接是一个网站的灵魂,一个网站是由多个页面组成的,而这些页面之间依据链接确定相互之间的导航关系。 超级链接是指站点内不同网页之间、站点与Web之间的链接关系,它可以使站点内的网页成为有机的整体,还能够使不同站点之间建立联系。超级链接由两部分组[详细]