经验_阜新站长网

表单中的隐藏域重置

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

在 DOM 中，表单重置非常简单，使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。但是在 Firefox / Chrome 浏览器中，如果字段是隐藏域（type=hidden）的话，使用 reset 是无法将字段值还原为初始值的。[详细]
如何使用 CSS3 伪类

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

CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（最新的 W3C 规范中列出了 16 条）使得我们能够在新的标准范围内[详细]
关于CSS Selector的优先级

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

今天在google reader上看到一篇博文，然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法，只是到了国内被部分人员翻译之后，误解了其中的含义，导致现在很多人以[详细]
CSS自定义滚动条样式

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

相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
学习HTML5的10个顶级资源

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

HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
onmouseover的td里面有a标签时晃动

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

这是因为当鼠标移动到td里面的 a 上时，td 的 onmouseout 事件会被触发。然后 a 的 onmouseover 被触发，由事件传递链，向上又发送到td, 因此 td 的 onmouseover 再次触发，于是就会有闪烁了。有两种方法可以解决，第一，在 td 的onmouseout 中，对 event[详细]
css box-shadow阴影不透明的解决办法

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

你在使用box-shadow来实现阴影效果的时候，有没有注意到有些情况下，阴影并不是透明的效果 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
CSS之a:hover下的span样式无效的解决方法

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

下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
纯CSS3文字渐变内发光投影效果

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

今天群上面同志们在讨论css3内发光效果，自己也就研究一下，写了个效果出来，涉及css3投影，渐变，蒙版，伪类等知识点，现在写下设计思路，仅供参考。发个效果图大家看先：一般我们都是用css3的box-shadow来实现盒投影，用text-shadow来实现文字投影，box[详细]
纯CSS3透明水晶盒的实现

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

打过了趟深圳回来后，已经快半个月，在广州购书中心逛了下，发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》，看了一半《重构HTML》，发现看不下去，里面写的感觉不是很受用，可能是现在水平有限，参透不了，于是放下看《CSS3》。之前脑子里[详细]
[译文]避免常见的六种HTML5错误用法

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

原文链接请点击此处，作者为Richard Clark. 本文为原创翻译，同时对原文做了一些简化处理。本文遵循署名-非商业性使用协议。一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说，就是直接[详细]
纯Css实现网页上的Tips提示之小三角箭头

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

使用纯Css实现的网页上一个Tips提示效果，相信大家都在一些大网站见到过，例如，我们经常在淘宝网上购物时看到的小提示功能，如图一，在本例子中我们仅实现了小三角箭头，并没有实现关闭功能，因为关闭功能还需要引入相应的JS才可以。下边我们来看实例代[详细]
IE6中a标签location.href失效解决方法

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

今天遇见IE6一个location.href的bug，具体情况是这样的，IE6下，在a标签中，将href写成javascript:;javascript:void(0);，并且给这个标签绑定onclick事件，点击后，执行location.href实现页面跳转，例如下面的代码： a href=javascitp:; onclick=toURL()点[详细]
CSS中各个浏览器兼容的解决办法

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

1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;[详细]
从语义开始 – 概念、意义、实践 [多图]

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

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

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

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

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

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

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

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
贸易战期间中美5G谁与争锋

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

特朗普宣布，将有可能对从中国进口的600亿美元商品加征关税，并限制中国企业对美投资并购。根据白宫新闻稿，美国将对中国一些技术密集型行业产品加收25%的关税，信息及通信技术行业产品赫然在列。[详细]
HTML中表单Input文本框只读不可修改的代码

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

在网页设计中，有的表单是不想让用户修改的，这样的文本框可以变成灰色，那么可以让HTML中的INPUT属性变灰色的代码是什么呢，本文就为大家介绍一下！让用户不能修改其中的信息，比如：input type=text name=input1 value=最火下载站veryhuo.com 的内容，[详细]
HTML5上传文件显示进度实例

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

HTML5上传文件显示进度实例一文转自博客园，原文标题为：HTML5上传文件显示进度！下面我们使用Html 5的新特性file api实现上传文件，并显示上传文件进度百分比。意图是这样的，当选择文件时，显示当前文件信息。这里我们是结合Asp.net MVC做为服务端，您[详细]
使用SMACSS规范编写CSS代码

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

使用SMACSS规范编写CSS代码是一个相对繁杂的CSS理论，分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似，鼓励使用class。 1. Base 基本属性基础属性很容易理解，就是最基本的东西，很多样式简单的网站都采用一个简单[详细]
如何编辑mht格式的文件,什么是mht?

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

什么是mht 文件 mht又叫web单一文件也就是将网页中包含的图片，CSS文件以及HTML文件全部放到一个MHT文件里面。mht就是mono html，就是独立的HTML文件，在浏览器（特别是IE）在保存时将页面中所有可以收集的元素全部存放在一个页面里。如何编辑mht文件一[详细]
HTML5 data-* 自定义属性和 element.dataset

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

在书写 HTML 代码时，通常需要在 DOM 结构中为 JS 预留数据钩子，而这些钩子通常是这样实现的： div id=test url=http://www.mangguo.org芒果小站/div HTML5 更好的规范了这种使用方式： div id=test data-url=http://www.mangguo.org芒果小站/div 获取自定[详细]
input、select居中不兼容浏览器的解决方法

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

css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]

4799

184