经验_我爱故事小小网

使用CSS控制打印页面格式

所属栏目：[经验] 日期：2018-10-11 热度：140

由于客户要求，打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的，所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
CSS3 Media Queries使用方法详解

所属栏目：[经验] 日期：2018-10-11 热度：184

在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体[详细]
CSS创建竖排文字的简单方法，有演示

所属栏目：[经验] 日期：2018-10-11 热度：90

在制作网页的时候我们经常需要创建一些竖排的文字，或许这对你来说是一件很简单的事情，但是你是否想过用CSS可有N种创建竖排文字的方法？下面是由我翻译自Nettuts+的文章，希望这几种方法能够给你带来一些提示。方法一：br /标签一种可能的方法(但不推荐[详细]
神奇的 CSS 元素透明法

所属栏目：[经验] 日期：2018-10-11 热度：88

1、HTML 元素透明其实本身，CSS 实现元素透明是件容易事儿。直接上代码： opacity:.5 opacity 指的是不透明度，取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。 A 级浏览器基本都支持 opacity 属性，但碰上 IE，总没好事。不过 IE 有滤镜，可以帮助[详细]
给Button/input添加链接,前进,后退等功能

所属栏目：[经验] 日期：2018-10-11 热度：55

给Button/input添加链接,前进,后退等功能，看标题，大家就应该明白是怎么回事了，我们在日常的网页制作中使用a超级链接最多，而给按钮添加链接，有一部分朋友可能没用到过，今天烈火小编就把与button、input相关的链接，前进，后退，弹出确认alert窗口等的[详细]
IE 表单控件的按钮聚焦问题

所属栏目：[经验] 日期：2018-10-11 热度：85

按钮的写法有两种，一种是 input value=按钮/ 或者 button按钮/button，如果按钮用于表单提交，还必须加上 type 属性（type=submit）。为了美化按钮效果，一般会设置背景和边框属性。但在 IE 下，表单区域获得焦点的情况下，如果按钮的 type 属性被设置为[详细]
CSS切换文本输入框input为英文输入模式

所属栏目：[经验] 日期：2018-10-10 热度：164

烈83火63网(LieHuo34.Net)教21程这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
CSS模块化之如果组织好css?

所属栏目：[经验] 日期：2018-10-10 热度：172

在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
Css实现多层元素嵌套的圆角按钮

所属栏目：[经验] 日期：2018-10-10 热度：168

圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。自适应宽度的按钮，通常会采用类似下面的切图方法：这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
如何实现调整弹出窗口的大小？附演示

所属栏目：[经验] 日期：2018-10-10 热度：180

如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。代码如下： Copy to Clipboard[详细]
有关 HTML5 的应用现状与发展前景的思考

所属栏目：[经验] 日期：2018-10-05 热度：167

现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
模仿 Google 新搜索框的阴影效果

所属栏目：[经验] 日期：2018-10-05 热度：199

如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！是图片吗？不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
如何隐藏滚动条?IE去掉滚动条HTML代码

所属栏目：[经验] 日期：2018-10-05 热度：89

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
IE6 select z-index无效，遮挡div的解决教程

所属栏目：[经验] 日期：2018-10-05 热度：113

在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
Img,Script,Link等标签为空可导致页面多余请求

所属栏目：[经验] 日期：2018-10-05 热度：93

把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
用HTML5制作网页 - HTML5实例教程

所属栏目：[经验] 日期：2018-10-05 热度：80

根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[经验] 日期：2018-10-05 热度：196

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[经验] 日期：2018-10-05 热度：163

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[经验] 日期：2018-10-05 热度：103

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]
ie8 css hack 颜色使用示例

所属栏目：[经验] 日期：2018-10-05 热度：127

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]

所属栏目：[经验] 日期：2018-09-29 热度：116

最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
什么是css sprite?原理优缺点及使用实例

所属栏目：[经验] 日期：2018-09-29 热度：181

关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
js+css实现禁止鼠标右键与选中网页文字

所属栏目：[经验] 日期：2018-09-29 热度：150

关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
图片自适应大小,超出部分自动隐藏缩略

所属栏目：[经验] 日期：2018-09-29 热度：84

在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
CSS+DIV层跨浏览器定位代码,附效果演示

所属栏目：[经验] 日期：2018-09-28 热度：196

本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]

5668

198