-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-31 热度:152
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[经验] 日期:2018-08-29 热度:136
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-29 热度:125
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-29 热度:134
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-29 热度:150
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-29 热度:136
页面域关系: 主页面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-29 热度:67
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[经验] 日期:2018-08-29 热度:156
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目:[经验] 日期:2018-08-29 热度:198
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约,并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选,然而事实并非如此,XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目:[经验] 日期:2018-08-29 热度:153
烈火网(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-29 热度:144
先看效果图: 图一:左右布局,左侧宽度固定,右侧自适应剩余宽度 图二:左侧宽度为0px,右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码:[详细]
-
Div+CSS+JS树型菜单(可实时保存)
所属栏目:[经验] 日期:2018-08-25 热度:56
烈火网(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-25 热度:186
烈火网(LieHuo.Net)教程 我想得到一个div标签,这个标签有其特定的id,怎么匹配一个html中的非此div标签,然后删除,即得到这个div标签。这种方式怎么实现? 答: 结合平衡组可以实现: 平衡组/递归匹配 这里介绍的平衡组语法是由.Net Framework支持的;其[详细]
-
web软件的架构设计用iframe还是load
所属栏目:[经验] 日期:2018-08-25 热度:126
问:公司要开发一款小型web软件,我目前的构思是想模仿163邮箱的架构,顶部+左导航+主要内容显示区.问题如下:我用的jquery库开发,目前我不想使用iframe做为主要内容显示区,而是想使用jquery.load()来加载页面到主要内容显示区,但是我担心jquery.load()的效率[详细]
-
CSS Sprites技术的实际应用(图)
所属栏目:[经验] 日期:2018-08-25 热度:183
css Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的background-image,background- repeat,background-position的组合进行背景定位,background-position可以用数字能精确的定位出背景 图片的位置。 CSS Sprites[详细]
-
CSS居中问题大全 网页制作必学
所属栏目:[经验] 日期:2018-08-25 热度:163
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[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[经验] 日期:2018-08-25 热度:75
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
无法用CSS设置滚动条颜色的问题
所属栏目:[经验] 日期:2018-08-25 热度:150
烈火网(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-25 热度:100
烈火网(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-25 热度:56
烈火网(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-25 热度:108
烈火网(LieHuo.Net)教程 本文主要讲述的是关于CSS配合Table实现一个表格嵌套的效果,该效果常用于模块导航,结构清淅,代码简洁。大家不妨认真研究一下。当然,高手朋友请飘过!代码如下: htmlheadtitleCss配合Table实现表格嵌套的方法 - 烈火网(LIEHUO.[详细]
-
css教程:如何让DIV垂直居中的实现办法
所属栏目:[经验] 日期:2018-08-18 热度:196
【烈火建站学院文档】今天本站小编经过今天一翻改进,终于找出了解决DIV垂直居中的办法。 !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/xhtm[详细]
-
CSS基础文章:CSS3的新特性介绍
所属栏目:[经验] 日期:2018-08-18 热度:137
边框:(Borders) border-color:控制边框颜色,并且有了更大的灵活性,可以产生渐变效果 border-image:控制边框图象 border-corner-image:控制边框边角的图象 border-radius:能产生类似圆角矩形的效果 背景(Backgrounds) background-origin:决定了背景在盒[详细]
-
CSS实例教程:代码属性分组的写法例子
所属栏目:[经验] 日期:2018-08-18 热度:148
烈火建站学院文档 前段时间论坛搞的那话题貌似后面没人讨论了,也没想跟贴了,自己也不是很专业,SO,现在有点想法就放这儿来。 虽然那贴后来没人跟了,嘿嘿,不过我倒是这几天一直在想,在想讨论下去还会讨论出怎么个写/排法。其实CSS代码的写法还以考虑[详细]
-
关于在CSS中关于字体处理效果的思考
所属栏目:[经验] 日期:2018-08-18 热度:133
字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影[详细]