-
CSS+DIV定位浅析
所属栏目:[经验] 日期:2018-08-30 热度:196
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[经验] 日期:2018-08-27 热度:177
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[经验] 日期:2018-08-27 热度:76
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目:[经验] 日期:2018-08-27 热度:181
当HTML元素CSS属性float之后,很难让整体菜单水平居中,可是,我们会想办法来解决这个问题。 我们先写HTML代码,可以看出,跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目:[经验] 日期:2018-08-27 热度:140
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[经验] 日期:2018-08-27 热度:179
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[经验] 日期:2018-08-24 热度:162
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
无法用CSS设置滚动条颜色的问题
所属栏目:[经验] 日期:2018-08-24 热度:204
烈火网(LieHuo.Net)教程 为什么web标准中,IE无法设置滚动条颜色了。。。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-[详细]
-
Css中id与class的区别是什么
所属栏目:[经验] 日期:2018-08-24 热度:112
烈火网(LieHuo.Net)教程 今日在论坛看到有朋友咨询,关于web标准中定义id与class有什么区别的问题,答:肯定是有重复的。以实例说明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
Css解决火狐下连续长字段自动换行
所属栏目:[经验] 日期:2018-08-24 热度:131
烈火网(LieHuo.Net)教程 请直接看本站的实例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
Css配合Table实现表格嵌套的方法
所属栏目:[经验] 日期:2018-08-24 热度:155
烈火网(LieHuo.Net)教程 本文主要讲述的是关于CSS配合Table实现一个表格嵌套的效果,该效果常用于模块导航,结构清淅,代码简洁。大家不妨认真研究一下。当然,高手朋友请飘过!代码如下: htmlheadtitleCss配合Table实现表格嵌套的方法 - 烈火网(LIEHUO.[详细]
-
HTML技巧:点击收缩Iframe框架效果
所属栏目:[经验] 日期:2018-08-24 热度:59
烈火网(LieHuo.Net)教程 Iframe是我们经常能够用到的Html语法,尤其是在一些网站的后台,今天我们就来说一下如何利用js和iframe制作后台的框架收缩效果,为了方便大家学习,Liehuo.net的小编已经将注释添加在代码内部,下面请看代码: htmlmeta http-equiv[详细]
-
Asp Php Js Html网页跳转代码大全
所属栏目:[经验] 日期:2018-08-24 热度:125
烈火网(LieHuo.Net)教程 Asp Php Js Html网页跳转代码大全,请加入收藏,以备不时之需。 一三种网页跳转代码: 如果你要在服务器端跳转,可以这样: Response.Redirect(www.veryhuo.com) Response.End 如果你要在客户端跳转,可以这样: script language=j[详细]
-
CSS实现鼠标滑动显示隐藏层效果
所属栏目:[经验] 日期:2018-08-24 热度:110
烈火网(LieHuo.Net)教程 昨日有位朋友向烈火网小编请教一个CSS的问题,其实也不是很难的,由于昨天工作太忙,就没有回复他,今天早上来的早,跟MM聊了一下业务上事的,时间有了,赶紧把昨天朋友的事情办了,以免这小子说我重色轻友。哈哈,说主题,他的问[详细]
-
利用CSS定义打开新窗口最正确的方法
所属栏目:[经验] 日期:2018-08-24 热度:152
烈火教程 最早知道的可通过验证的新窗口打开方法是阿捷(网页设计师)的文章利用JS去实现,但是这种方法有一个坏处,有时候会使得这段JS与其它和JS冲突! 于是,我找到了另外一种纯CSS的打开新窗口(懒人图库)的办法,可是这种方法却通不过验证,那么只好加点[详细]
-
CSS BUG与技巧之IE6空标签高度问题
所属栏目:[经验] 日期:2018-08-24 热度:57
一个空div如果高度设置为0到19px,IE6下高度默认始终19PX。 例如: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-eq[详细]
-
深入浅出 用HTML制作网页体验其中乐趣
所属栏目:[经验] 日期:2018-08-21 热度:167
众所周知,网站制作涉及到了各个方面的知识,包括平面设计、HTML页面制作、CSS样式定义、客户端脚本编写( Java Scrfipt/VBScript)、服务器端脚本编写(Asp/Asp.Net/PHP/JSP)等诸多内容。本期笔者从最基础的讲起,着重介绍怎样制作一个简单的HTML网站,初[详细]
-
掌握DIV+CSS网页布局的基础知识
所属栏目:[经验] 日期:2018-08-21 热度:125
CSS教程栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:[详细]
-
CSS解决浏览器的等宽空格问题
所属栏目:[经验] 日期:2018-08-21 热度:125
很多时候,希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时,会把连续的空格解析成一个,所以我们会使用 nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。 同时,[详细]
-
网页基础:实用HTML文件的增强标记
所属栏目:[经验] 日期:2018-08-21 热度:130
近年来,超文本标识语言(HTML)得到了迅速拓展。为满足更多的需要,它增加了许多扩展功能。设计新颖、吸引人的网页已经越来越依赖java applet(小程序)、内嵌脚本、图文框、插件和其 它扩展的HTML功能。这些扩展的HTML功能不仅可以对文本作进一步的格式化,而[详细]
-
10个CSS简写技巧让你永远受用
所属栏目:[经验] 日期:2018-08-21 热度:134
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的[详细]
-
HTML教程:类型File的Input按钮功能研究
所属栏目:[经验] 日期:2018-08-21 热度:197
在一些网站进行上传时,当单击了浏览按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件,那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件,此外其余格式文件一律过滤不被显示。 比如 http://www.youku.com/v1.0.0326/v/sw[详细]
-
菜鸟必看:CSS新手整理的CSS技巧
所属栏目:[经验] 日期:2018-08-21 热度:70
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义[详细]
-
如何实现动态添加Html文档中Form项
所属栏目:[经验] 日期:2018-08-21 热度:194
大家好,今天和大家谈谈如何用ASP来实现动态的添加Html文档中Form项的问题。如果你对Html比较熟悉的话肯定知道有个form/form的HTML标记。在form与/form之间有诸如类型(type)为Text、Password、Button、Submit、Reset等的标记(元素)。我们这里所说的动态的添[详细]
-
链接形式:css用import还是link的区别
所属栏目:[经验] 日期:2018-08-21 热度:62
看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下 看到淘宝网页中大部分是这样写的[详细]
