经验_应用网_阳江站长网

CSS兼容性（IE和Firefox）技巧大全

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

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DO[详细]
自定义样式的input[type=range]

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

今天下午有人在群里提出个问题，能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下，是可以实现上述的需求的。请用 Chrome 查看Demo。代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html html head meta http-equiv[详细]
CSS3创建多重边框

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

是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。可是，你想象过可以为每1px的border单独设置颜色么？这是个什么概念？就是说，如果你为一个元素设置了10px的border，那么这10px的边[详细]
direction实例代码：文本排列方向的改变

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

direction用法示例：改变文本排列的方向，类似左对齐、右对齐的功能，不过又有着很大的差别，在ASP(HTML): direction是设置阴影的强度，但用在CSS中，好像还没有明确定义。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
css控制滚动条位置 css控制文字方向

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

CSS 控制滚动条的位置及文本方向，运用direction改变文本方向，用overflow的scroll属性控制滚动条的位置，有意思吧，可以将滚动条显示在一块区域的左边，有反常态的使用。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
CSS换行实例：word-break 强制换行代码

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

word-break 强制换行的CSS实现，他们大家展示word-break 分别以normal、break-all、keep-all三种方式聚会后的效果，用的最多一般是break-all，但是在国外网站，normal属性使用较多。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
CSS实例：overflow 控制文本溢出代码

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

用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
css属性实例:两个div边框内外嵌套

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

css属性实例:两个div边框内外嵌套，代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gbk / titlecss属性实例/title style .main{ border:2px solid #333333;} .include{ margin:50px; border:2px solid #333333; width:500[详细]
DIV模块交叉在一起 CSS边框交互效果

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

css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。运行演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
使用word-wrap:break-word使文本自动换行

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

文本框连续输入数字111111111111111111或者英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐藏文字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
CSS切换文本输入框input为英文输入模式

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

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

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

用CSS布局一个类似树形的列表，类似word中的编号列表，不是一般的列表，梯形的样子，这个例子是为了介绍CSS中Li的用法，平时这种树形列表不多见，希望对你学习CSS有帮助。实例代码：Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
关于 Css 清除浮动属性及相关示例

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

Css 清除浮动属性示例的小例子，不要小看清除浮动哦，有时候你忘记了这个，会把你搞的一头雾水，以为其它地方弄错了，清除浮动其实就没两句代码，但是重要性不容忽视。实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
CSS美化超链接Hover属性，有网页按钮效果

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

烈86火54网(LieHuo36.Net)教65程使用CSS制作一个漂亮的按钮链接，有要原理是使用了A链接的Hover属性，定义成与A:Hover不一样的颜色和边框，这样在鼠标放上去的时候，会出现两种反差较大的效果，这就是CSS制作按钮的基本思路，对于新手来说，有助于帮助您[详细]
使用CSS控制打印页面格式

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

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

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

在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体[详细]
神奇的 CSS 元素透明法

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

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

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

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

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

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

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

SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
怎么调用iframe的父窗口的父窗口?

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

问题：怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
纯CSS圆角框2:透明圆角化背景图片

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

在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
纯CSS圆角框:基本的圆角框

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

序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯CSS实现圆角框是一件大家都说烂了的事件[详细]
XHTML+CSS布局img图片元素出现空白的问题

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

在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
CSS中英文无法自动换行的解决办法

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

问题：在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]

7529

258