珊瑚贝
【今日观点】 了解@media与@media screen
在互联网的通知的今天，在移动端充斥我们生活的今天， 做一个自适应的网站是我们不二的选择，那么我们就学会不同屏幕下的布局，那么我们就必须了解@media与@media screen 了解Media Queries Media Queries，...
了解@media与@media screen
在互联网的通知的今天，在移动端充斥我们生活的今天， 做一个自适应的网站是我们不二的选择，那么我们就学会不同屏幕下的布局，那么我们就必须了解@media与@media screen 了解Media Queries Media Queries，...
HTML5 内联 SVG与Canvas区别
HTML5 支持内联 SVG。这就完全可以放弃使用<embed> <section>或者 <iframe>标签插入。 把 SVG 直接嵌入 HTML 页面 在 HTML5 中，您能够将 SVG 元素直接嵌...
Less还是Sass,Stylus我们到底选择谁
做前端 处理，那CSS是你的特长，随着工程的增大，CSS的预处理越来越重要，或者我们要维护我们的css，工作会越来越困难，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念这叫要我们选择一个预...
使用APlayer制个时尚个性music播放器-Html5
下面我们使用APlayer来打造一个Html5音乐播放器，APlayer是一个非常漂亮的HTML5音频播放器，它将audio标签封装，并结合CSS制作出漂亮的播放器UI，它支持设置歌名、歌手和歌词，可以设置是否自动播放，支持缩略图，支持播放...
纯css调节透明度
很不错的CSS透明效果，本实例是用CSS控制外层DIV不透明，而内层DIV透明，这样实现的效果是意想不到的，还不错吧，其实代码也是很简单的，也很好理解，主要是div2层用了CSS的滤镜，并把它的显示层数设置的高一点，这里设置为100，背景颜...
CSS的属性选择器lang使用说明
CSS 2 引入了属性选择器，属性选择器可以根据元素的属性及属性值来选择元素，今天我们来学习特定属性选择器lang的使用方法。 css :lang选择器定义用法介绍 lang 向带有指定 lang 属性开始的元素添加样式。 注意: 值是整个...
Html5+Jquery实现图片上传前预览
以下代码实现了html5和jquery上传前预览，代码精炼。 <!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> &l...
纯css实现图片放大
图片 鼠标指向时放大功能，便于产品展示，可以通过Js，jquery来实现，但最好的方法还是纯css来实现，下面的代码轻松实现了这一功能。 1、html结构 <ul> <li><a href=""><...
CSS3利用keyframes制个边栏字体图标闪烁特效
CSS3 的功能强大，animation实现的动画更让我们无法想象 ，大家在访问知名博客知更鸟的网站时，会发现侧边栏工具栏有一个QQ图标在不停的闪烁，这样的效果一下便会吸引读者，下面我们一起分析如何实现这种特效。 这里主要使用了animat...
html5 Canvas绘图与动画效果实例
Canvas顾名思义是定义在浏览器上画布，但Canvas不仅仅是一个元素，它更是一套编程的接口，它的出现已然超过了Web基于文档的设计初衷。利用它你可以开发出很多梦寐以求的内容，让编程工作者彻底释放自己的创造力！ 效果预览： http://...