爱前端网
8款超酷实用的CSS3 Tab菜单集合
8爱前端网 - Yang 发布于 2014-07-16
1、CSS3华丽的Tab菜单 带小图标动画 之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单，结合SVG，Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜单的菜单项是一个个小图标，鼠标滑过时，菜单项展示对应...
阅读(5793)赞 (1)
标签：CSS 第19页
8款超酷体验的jQuery/CSS3应用插件
8爱前端网 - Yang 发布于 2014-07-14
1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分...
阅读(1725)赞 (1)
6款基于SVG的HTML5CSS3应用和动画
6爱前端网 - Yang 发布于 2014-07-13
1、CSS3/SVG质感背景小图标 镂空效果图标按钮 今天我们来分享一款用CSS3和SVG实现的质感背景小图标，鼠标滑过图标时出现镂空的效果，并且有质感背景的描边，效果非常不错。 在线演示 源码下载 2、HTML5 SVG Tab滑块菜单 非常酷的Tab菜单 之前我们分享过很多H...
阅读(2700)赞 (0)
精妙无比 8款HTML5动画实例及源码
8爱前端网 - Yang 发布于 2014-07-12
1、基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的图表插件，chart.js的功能非常强大，它不仅提供了常见的柱形图、折线图、饼状图，而且还提供了环形图、雷达图，样式外观多样，图表的色彩搭配也比较清新。chart.js...
阅读(2061)赞 (0)
超赞值得一试的六款jQuery插件和CSS3应用
6爱前端网 - Yang 发布于 2014-07-11
1、jQuery图片横向滚动插件 这是一款利用jQuery实现的图片横向滚动插件，我们可以设置任意数量的图片，然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点，其一是可以定义每组图片的数量，其二是图片可循环播放，而且简单实用。 在线演示 源码下载 2...
阅读(1790)赞 (1)
web前端不容错过的七个jQuery图片滑块插件
7爱前端网 - Yang 发布于 2014-07-10
1、jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件，它允许你自己定义当前画面的图片数量，在这个演示中，我们定义了3张图片一起显示。和其他jQuery焦点图一样，这款焦点图插件的图片下方也有一排小按钮，可以任意切换图片。另外，每张图片也都有文字...
阅读(1910)赞 (0)
整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题
爱前端网 - Yang 发布于 2014-07-10
每次调CSS最令人头痛的就是浏览器校正问题，因为每个浏览器对CSS的解释都不太一样，Firefox本身算是比较照规矩来，处理上比较简单，但是遇到微软的IE系列头就大了，虽然都是IE，但是IE6、IE7、IE8各版本对CSS的解释又不一样，就算你本身已经在IE6调整好，但是在IE7...
阅读(1487)赞 (0)
web前端网站常用css必备css reset
爱前端网 - Yang 发布于 2014-07-07
在我们写前端页面的时候，很多常用的CSS类都是固定的!但没有一个标准或者大家都按自己的方式去随意的写，这样就每次都重复写一些固定的类! 为此HTML5 Doctor(HTML5医生)为我们总结了一个常用的并符合HTML5标准的Css Reset样式!现在分享给大家! reset....
阅读(1723)赞 (0)
网页中的CSS滤镜使用详解
爱前端网 - Yang 发布于 2014-07-06
css滤镜 Style属性： 可以应用在标签中，更可用广泛应用在<table><tr><td><body> <center><img><input><font><form...
阅读(1700)赞 (0)
WEB前端网站制作中CSS的15个常识
爱前端网 - Yang 发布于 2014-07-06
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 borde...
阅读(1620)赞 (0)
又到毕业季：程序员Web面试之JQuery
5爱前端网 - Yang 发布于 2014-07-06
又到了一年一度的毕业季了，青春散场，却等待下一场开幕。 在求职大军中，IT行业的程序员、码农是工科类**的热门选择之一，尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦想，这篇文章以Web面试官的经历整理而成，希望能对你有所帮助。 jQuery是什么？...
阅读(1802)赞 (0)
web前端使用CSS3圆角详解
12爱前端网 - Yang 发布于 2014-07-06
一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： * 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HT...
阅读(1767)赞 (0)
WEB前端中CSS浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
div类 1. 居中问题 div里的内容，IE默认为居中，而FF默认为左对齐 可以尝试增加代码margin:auto 2. 高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中...
阅读(1759)赞 (0)
WEB前端中Javascript浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
1. document.form.item 问题 问题： 代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements[“...
阅读(1714)赞 (0)
WEB前端CSS制作网页布局25个小技巧
爱前端网 - Yang 发布于 2014-07-05
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值...
阅读(1782)赞 (0)
剖析CSS布局元素div与table超出宽度自动换行的情况
爱前端网 - Yang 发布于 2014-07-05
TAG：自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼，在dushuwu.net中不乏这方面的文章，现在总结一下CSS如何实现换行的方法，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 对于div,p等块级元素 正常文字的换行(...
阅读(2943)赞 (0)
css实现强制不换行/自动换行/强制换行
爱前端网 - Yang 发布于 2014-07-04
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行： ...
阅读(1591)赞 (0)
整理的CSS网页布局技巧
爱前端网 - Yang 发布于 2014-07-04
对CSS网页布局的技巧，可谓是名目繁多，今天介绍一位CSS新手整理的CSS网页布局的小技巧，或许对您更有实际的参考价值： 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符...
阅读(1607)赞 (0)
WEB前端开发规范文档
爱前端网 - Yang 发布于 2014-07-03
基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;...
阅读(1608)赞 (0)
WEB前端使用CSS中用Margin还是用Padding？
爱前端网 - Yang 发布于 2014-07-03
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin)：元素周围生成额外的...
阅读(1702)赞 (0)