爱前端网
6款基于SVG的HTML5CSS3应用和动画
6爱前端网 - Yang 发布于 2014-07-13
1、CSS3/SVG质感背景小图标 镂空效果图标按钮 今天我们来分享一款用CSS3和SVG实现的质感背景小图标，鼠标滑过图标时出现镂空的效果，并且有质感背景的描边，效果非常不错。 在线演示 源码下载 2、HTML5 SVG Tab滑块菜单 非常酷的Tab菜单 之前我们分享过很多H...
阅读(2697)赞 (0)
标签：HTML 第21页
精妙无比 8款HTML5动画实例及源码
8爱前端网 - Yang 发布于 2014-07-12
1、基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的图表插件，chart.js的功能非常强大，它不仅提供了常见的柱形图、折线图、饼状图，而且还提供了环形图、雷达图，样式外观多样，图表的色彩搭配也比较清新。chart.js...
阅读(2050)赞 (0)
超赞值得一试的六款jQuery插件和CSS3应用
6爱前端网 - Yang 发布于 2014-07-11
1、jQuery图片横向滚动插件 这是一款利用jQuery实现的图片横向滚动插件，我们可以设置任意数量的图片，然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点，其一是可以定义每组图片的数量，其二是图片可循环播放，而且简单实用。 在线演示 源码下载 2...
阅读(1786)赞 (1)
web前端不容错过的七个jQuery图片滑块插件
7爱前端网 - Yang 发布于 2014-07-10
1、jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件，它允许你自己定义当前画面的图片数量，在这个演示中，我们定义了3张图片一起显示。和其他jQuery焦点图一样，这款焦点图插件的图片下方也有一排小按钮，可以任意切换图片。另外，每张图片也都有文字...
阅读(1908)赞 (0)
HTML5优点总结–让你的web更符合发展趋势
爱前端网 - Yang 发布于 2014-07-07
html5强化了Web 网页的表现性能，并且追加了本地数据库等 Web 应用的功能，以及Apple的支持， Adobe围绕HTML5的产品开发，以及移动flash的死亡，预示着html5是web未来的发展趋势。 第一大优点:它是未来，开始用吧! HTML5是web应用的未来，不要...
阅读(1582)赞 (0)
web前端网站常用css必备css reset
爱前端网 - Yang 发布于 2014-07-07
在我们写前端页面的时候，很多常用的CSS类都是固定的!但没有一个标准或者大家都按自己的方式去随意的写，这样就每次都重复写一些固定的类! 为此HTML5 Doctor(HTML5医生)为我们总结了一个常用的并符合HTML5标准的Css Reset样式!现在分享给大家! reset....
阅读(1718)赞 (0)
WEB前端网站制作中CSS的15个常识
爱前端网 - Yang 发布于 2014-07-06
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 borde...
阅读(1618)赞 (0)
又到毕业季：程序员Web面试之JQuery
5爱前端网 - Yang 发布于 2014-07-06
又到了一年一度的毕业季了，青春散场，却等待下一场开幕。 在求职大军中，IT行业的程序员、码农是工科类**的热门选择之一，尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦想，这篇文章以Web面试官的经历整理而成，希望能对你有所帮助。 jQuery是什么？...
阅读(1794)赞 (0)
为什么HTML5将主宰在线视频？
1爱前端网 - Yang 发布于 2014-07-06
磁带、光盘、Flash等媒介都需要播放器，这些媒介正在或者已经死亡。就像CD取代磁带成为一种更高效的音乐播放方式一样，数字文件也将取代CD。依此类推，HTML5也会让Flash成为昨日黄花。 HTML5与Flash的对抗在网页开发者中已经成为多年热议的话题，但是无论站在哪一边，不...
阅读(1643)赞 (0)
WEB前端中CSS浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
div类 1. 居中问题 div里的内容，IE默认为居中，而FF默认为左对齐 可以尝试增加代码margin:auto 2. 高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中...
阅读(1758)赞 (0)
WEB前端中Javascript浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
1. document.form.item 问题 问题： 代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements[“...
阅读(1709)赞 (0)
剖析CSS布局元素div与table超出宽度自动换行的情况
爱前端网 - Yang 发布于 2014-07-05
TAG：自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼，在dushuwu.net中不乏这方面的文章，现在总结一下CSS如何实现换行的方法，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 对于div,p等块级元素 正常文字的换行(...
阅读(2938)赞 (0)
WEB前端开发规范文档
爱前端网 - Yang 发布于 2014-07-03
基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;...
阅读(1604)赞 (0)
WEB前端使用CSS中position的几个属性值
爱前端网 - Yang 发布于 2014-07-03
static:无特殊定位，对象遵循HTML定位规则 relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置?0?2 absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而...
阅读(1863)赞 (0)
WEB前端使用图片标签img中alt与title的区别
爱前端网 - Yang 发布于 2014-07-03
alt与title的不同： 1、含义不同 alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明 2、在浏览器中的表现不同 在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标经过图片时title和alt的值...
阅读(2443)赞 (0)
WEB前端了解的HTML+CSS编码的一些基础小经验
爱前端网 - Yang 发布于 2014-07-03
1.为body标签赋予id： 同一个网站的不同页面，虽然HTML代码相同，但是可以通过CSS来取得不同的表现效果。如果这些页面用的是同一个CSS文件，怎样精确的定义相同内容的不同表现呢？通过给body标签赋予id以区别不同的页面，然后使用CSS后代选择器可以精确的选择目标。例如：...
阅读(1649)赞 (0)
HTML5 中 div section article 的区别
爱前端网 - Yang 发布于 2014-07-03
HTML5中新增了 section 和 article 这两个和div差不多功能的标签。初看之下，三者极其相似，在网站设计，以及对HTML做布局的时候甚至很难分辨具体的适用场合。本文简要介绍下 div ，section 以及 article 三者间微妙的关系。 div 这个标签是...
阅读(1862)赞 (0)
HTML和CSS中如何判断ie各版本浏览器
爱前端网 - Yang 发布于 2014-07-03
一、HTML代码中 在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下，以ie6为例 <!–[if IE 6]>...
阅读(1627)赞 (0)
IE6下PNG背景透明的七种方法小结
爱前端网 - Yang 发布于 2014-07-02
PNG图像格式介绍： PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的&ldq...
阅读(1671)赞 (0)
meta标签中的http-equiv属性使用介绍
爱前端网 - Yang 发布于 2014-07-02
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控...
阅读(2526)赞 (0)