Css
css3制作优惠券
<div class="demo-container demo"><style> .demo{width:410px;} .stamp *{padding: 0;margin: 0;list-style...
【Web前沿技术】纯 CSS3 打造的10个精美加载进度条动画
之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件，今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案。加载动画和进度条在网站和Web应用中的使用非常流行，特别是在使用 Ajax 技术加载内容的应用场景中，使用时尚的加载动...
20个非常绚丽的 CSS3 特性应用演示
这篇文章收集了20个非常绚丽的CSS3效果应用演示，这些示例演示了CSS3各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯CSS代码就可以很容...
使用CSS3美化复选框checkbox
我们知道HTML默认的复选框样式十分简陋，而以图片代替复选框的美化方式会给页面表单的处理带来麻烦，那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化，并且带上超酷的滑动效果。查看演示 下载源码HTML通常我们使用以下html结构，我们给复选框定义id#checkbox_a1，然...
CSS 盒子模型（Box model）中的 padding 与 margin
本文将讲述HTML和CSS的关键—盒子模型(Boxmodel)。理解Boxmodel的关键便是margin和padding属性，而正确理解这两个属性也是学习用CSS布局的关键。 如果有一点HTML基础的话，就应该了解一些基本元素(Element)，如p，h1~h6，br，div，li，ul...
CSS中的块级元素与行级元素
最近初学CSS时对块级元素与行级元素有时会产生混淆，写篇博客记录一下自己对其的理解。先从概念上来看：块级元素特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。 2.元素的高度、宽度、行高和顶底边距都是可以设置的。 3.元素的宽度如果不设置的话，默认为父元素的宽度。常见的...
CSS+DIV之强化background属性
1.背景颜色属性(background-color)，设定背景颜色＝html中bgcolor属性。我来写一个红色背景的body，(也可以定义某个特定区域) 示例写法：body{} 2.背景图片属性(background-image)，设定背景图片=html中background属性，为body设置一个背景图片。 ...
CSS中强大的EM
使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。...
03.Web大前端时代之：HTML5+CSS3入门系列~H5功能元素
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html2.功能元素1.hgroup对网页或区段（section）的标题进行组合2.figure<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）...
CSS学习笔记——定位position属性的学习
今天学习之前剩下的一个问题：CSS的position属性。首先归纳出和position相关的问题：position作为一个属性，它一共有哪几个属性值？position常用的属性值有哪几个？分别有什么特点？第一个问题：position作为一个属性，它一共有哪几个属性值？ 对于position属性，他一共有5个值，分别...
理解CSS3 transform中的Matrix(矩阵)
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2427一、哥，我被你吓住了打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式...
CSS3/SVG clip-path路径剪裁遮罩属性简介
一、SVG属性和CSS3属性千丝万缕的关系CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow, gradient, ...之类，还有很重要的一个分支：SVG属性家族！所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。比方说，之前介...
我对CSS vertical-align的一些理解与认识（一）
一、关于今天，本文，及其他今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertical-align属性，我其实对vertical-align属性也是略知皮毛，要说岂敢谈“讲解...
彻底弄懂css中单位px和em,rem的区别
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？ PX特点1.IE无法调整那些使用px作为单位的字体大小；2.国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3.Firefox能够调整p...
CSS clip:rect矩形剪裁功能及一些应用介绍
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1565一、长话短说CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁...
