-
学习DIV+CSS难不难
所属栏目:[经验] 日期:2018-08-28 热度:191
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[经验] 日期:2018-08-28 热度:135
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]
-
HTML教程:TBody 的解释及用法
所属栏目:[经验] 日期:2018-08-28 热度:122
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目:[经验] 日期:2018-08-28 热度:111
副标题#e# 除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-28 热度:82
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug,官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[经验] 日期:2018-08-24 热度:189
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[经验] 日期:2018-08-24 热度:94
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !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-24 热度:139
当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-24 热度:55
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[经验] 日期:2018-08-24 热度:65
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-24 热度:79
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-24 热度:196
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-24 热度:53
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-24 热度:143
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧:css列的高度自适应控制
所属栏目:[经验] 日期:2018-08-24 热度:65
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[经验] 日期:2018-08-24 热度:146
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目:[经验] 日期:2018-08-24 热度:87
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约,并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选,然而事实并非如此,XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目:[经验] 日期:2018-08-24 热度:133
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程,本文主要以CSS样式为实例,制作了一款非常漂亮的网站导航菜单,代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目:[经验] 日期:2018-08-24 热度:156
先看效果图: 图一:左右布局,左侧宽度固定,右侧自适应剩余宽度 图二:左侧宽度为0px,右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码:[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[经验] 日期:2018-08-24 热度:175
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
Div+CSS+JS树型菜单(可实时保存)
所属栏目:[经验] 日期:2018-08-23 热度:160
烈火网(LieHuo.Net)教程 今天我们来看一下可以实时保存的树形菜单,这个例子是从blueidea看到的,使用了Div+CSS+JS,看实例代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]
-
正则表达式实现匹配html问题
所属栏目:[经验] 日期:2018-08-23 热度:56
烈火网(LieHuo.Net)教程 我想得到一个div标签,这个标签有其特定的id,怎么匹配一个html中的非此div标签,然后删除,即得到这个div标签。这种方式怎么实现? 答: 结合平衡组可以实现: 平衡组/递归匹配 这里介绍的平衡组语法是由.Net Framework支持的;其[详细]
-
web软件的架构设计用iframe还是load
所属栏目:[经验] 日期:2018-08-23 热度:168
问:公司要开发一款小型web软件,我目前的构思是想模仿163邮箱的架构,顶部+左导航+主要内容显示区.问题如下:我用的jquery库开发,目前我不想使用iframe做为主要内容显示区,而是想使用jquery.load()来加载页面到主要内容显示区,但是我担心jquery.load()的效率[详细]
-
CSS Sprites技术的实际应用(图)
所属栏目:[经验] 日期:2018-08-23 热度:144
css Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的background-image,background- repeat,background-position的组合进行背景定位,background-position可以用数字能精确的定位出背景 图片的位置。 CSS Sprites[详细]
-
CSS居中问题大全 网页制作必学
所属栏目:[经验] 日期:2018-08-23 热度:187
1.块级元素的垂直居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=enheadmeta http-equiv=Content-Type content=text/html; charset=GBK[详细]

浙公网安备 33038102330484号