-
html5与css3各种浏览器支持的列表
所属栏目：[经验] 日期：2018-09-02 热度：88
html5与css3各种浏览器支持的列表。 各位设计师、交互、前端再不学习html5和css3就要被时代淘汰了。 本文出处：http://www.heiniuhaha.cn/blog/?p=1067 原文地址：http://www.findmebyip.com/litmus/#target-selector 烈火小编提示：本文显示的为纯表格样[详细]
-
小提示：理解CSS3 的线性渐变
所属栏目：[经验] 日期：2018-09-02 热度：119
译自：Quick Tip: Understanding CSS3 Gradients 中文：理解CSS3渐变 请尊重版权，转载请注明来源，多谢！ 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目：[经验] 日期：2018-09-02 热度：138
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个 bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案， 方法1: 代码： html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目：[经验] 日期：2018-09-02 热度：190
div vertical-align不起作用解决办法 要加上line-height，并且加上 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd CSS代码： #div-a{ height:60px; line-height:60px; } XHTML代[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目：[经验] 日期：2018-09-02 热度：66
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目：[经验] 日期：2018-09-02 热度：67
内容应放在HTML中，而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题： 当CSS可用时，页面的内容正常。 当页面不可用，只能通过https访问时，由于此页面的CSS是http的，所以CSS失效，这个时候页面的内容也不见了，因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目：[经验] 日期：2018-09-02 热度：52
原文：Writing Efficient CSS for use in the Mozilla UI 译文：在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上，后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目：[经验] 日期：2018-09-02 热度：52
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器，可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色，可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目：[经验] 日期：2018-09-02 热度：172
在日常的网页设计中，我们经常遇到div层的问题，一般情况下，如果我们想把两个Div层放在同一行，只需要用display:inline就可以做到了，那么您有没有想到过把五个div层放在同一行显示呢？下面就把实例代码送给大家，感谢对烈火网的支持与厚爱。 实例代码：[详细]
-
HTML 的优化杂记
所属栏目：[经验] 日期：2018-09-02 热度：144
在Perfection kills上看到他去年写的一篇文章，关于HTML优化的，讲的很详细，姑且记录之，尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下，对客户端的优化越来越受到关注，如何减少代码，如何让应用快速的展示给用户，如何减[详细]
-
Css 优先级问题分析
所属栏目：[经验] 日期：2018-08-30 热度：142
css优先级的四大原则： 原则一： 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1： CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号？/span 运行结果：.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目：[经验] 日期：2018-08-30 热度：186
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目：[经验] 日期：2018-08-30 热度：68
在css的构建过程中，我们经常会定义某种属性，而这些属性又在多处使用。如字体的大小，颜色等。那么我们怎么样才可以最大限度的重用呢？ 本讨论中，列举使用这两个属性（字体大小，颜色）的例子。如我们需要定义一段红色，字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目：[经验] 日期：2018-08-30 热度：140
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-08-30 热度：82
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-08-30 热度：81
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-08-30 热度：72
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-08-30 热度：141
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和 Firefox 存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目：[经验] 日期：2018-08-30 热度：57
在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下： 先看下各个属性值的定义： 1、static：默认值。没有定位，元素出[详细]
-
HTML技巧:点击收缩Iframe框架效果
所属栏目：[经验] 日期：2018-08-27 热度：88
烈火网(LieHuo.Net)教程 Iframe是我们经常能够用到的Html语法，尤其是在一些网站的后台，今天我们就来说一下如何利用js和iframe制作后台的框架收缩效果，为了方便大家学习，Liehuo.net的小编已经将注释添加在代码内部，下面请看代码： htmlmeta http-equiv[详细]
-
Asp Php Js Html网页跳转代码大全
所属栏目：[经验] 日期：2018-08-27 热度：187
烈火网(LieHuo.Net)教程 Asp Php Js Html网页跳转代码大全，请加入收藏，以备不时之需。 一三种网页跳转代码： 如果你要在服务器端跳转，可以这样： Response.Redirect(www.veryhuo.com) Response.End 如果你要在客户端跳转，可以这样： script language=j[详细]
-
CSS实现鼠标滑动显示隐藏层效果
所属栏目：[经验] 日期：2018-08-27 热度：72
烈火网(LieHuo.Net)教程 昨日有位朋友向烈火网小编请教一个CSS的问题，其实也不是很难的，由于昨天工作太忙，就没有回复他，今天早上来的早，跟MM聊了一下业务上事的，时间有了，赶紧把昨天朋友的事情办了，以免这小子说我重色轻友。哈哈，说主题，他的问[详细]
-
利用CSS定义打开新窗口最正确的方法
所属栏目：[经验] 日期：2018-08-27 热度：136
烈火教程 最早知道的可通过验证的新窗口打开方法是阿捷(网页设计师)的文章利用JS去实现，但是这种方法有一个坏处，有时候会使得这段JS与其它和JS冲突! 于是，我找到了另外一种纯CSS的打开新窗口(懒人图库)的办法，可是这种方法却通不过验证，那么只好加点[详细]
-
CSS BUG与技巧之IE6空标签高度问题
所属栏目：[经验] 日期：2018-08-27 热度：118
一个空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[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目：[经验] 日期：2018-08-27 热度：85
关于容器的包涵关系 很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容，高度最好不要[详细]
