经验_鹤壁站长网

CSS定位机制之一:普通流

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

原创。原文：http://www.swordair.com/blog/2010/08/415，转载请保留。由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，[详细]
css 美化 input 文本框与 button 按钮

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

我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
禁止缓存:给css/js加上时间戳

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

好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决：每次更改了css文件就把参数time的值[详细]
CSS border三角的一个应用实例

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

早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人常用联系人常用联系人[详细]
学习HTML5的10个顶级资源

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

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

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

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

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

你在使用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 热度：133

下面的例子中，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 热度：89

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在书写 HTML 代码时，通常需要在 DOM 结构中为 JS 预留数据钩子，而这些钩子通常是这样实现的： div id=test url=http://www.mangguo.org芒果小站/div HTML5 更好的规范了这种使用方式： div id=test data-url=http://www.mangguo.org芒果小站/div 获取自定[详细]
CSS实例：纯CSS打造斜角

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

关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]

5281

193