CSS3
关注
分享
扫一扫
文章平均质量分 92
iteye_3366
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css3 transition简单使用
selector { transition : [transition property] [duration] [timing-function] [delay]} 四个参数说明如下：transition property：指 将要对selector 的哪些属性值（多个用逗号隔开）的改变进行过渡处理，默认为all，即只要selector 的(任何一个...原创 2013-03-08 17:10:58 · 193 阅读 · 0 评论 -
HTML和CSS高级指南之二——定位详解(转)
HTML和CSS高级指南之二——定位详解原文 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术，很大程序上取决于内容和目标页面，因为有很多技术比别人的更牛。 例如，浮动可以让页面元素并排显示，而且还可以制作一个干净的布局。然而，有时候需要一些严格的定位，这时需要使用其他的技术，包括“relative”和“absolute”定位。 在这节课中，我们先来介绍...原创 2013-03-16 00:08:28 · 129 阅读 · 0 评论 -
HTML和CSS高级指南之四——响应式设计(转)
HTML和CSS高级指南之四——响应式设计原文 互联网发展的速度超乎所有人的想象，甚至可以说是疯狂。在过去几年里，移动互联网的发展已经开始崭露头角。而他的发展速度也远远超过了传统互联网。 如今很难找到一个人既没有移动设备，也没有多个可以上网的设备。在英国 移动电话的数量已远远超过人口数，保持这样的 增长势头，今年移动互联网的使用应该就有望超过桌面互联网。 随着移动...原创 2013-03-16 01:42:33 · 272 阅读 · 0 评论 -
CSS3 Transform(转)
CSS3 Transform原文 前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用，今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。 Transform字面上就是变形，改变的意思...原创 2013-03-16 01:45:12 · 141 阅读 · 0 评论 -
Clear Float(转)
Clear Float原文 众所周知，平时在写HTML代码时，难免少不了使用Float样式，这样一来，假使您没有清除浮动，那么有浮动元素的父元素容器将元素将无法自动撑开。换 句简单好理解的话来说，假如你在写CODE时，其中div.A（这个就是说页面中有一个div，并且把其命名为class="A"）中包含了两个或多个子 元素div.B,div.C,div.D(这里我以三个为例)，并...原创 2013-03-16 01:45:43 · 133 阅读 · 0 评论 -
CSS的Float之二(转)
CSS的Float之二原文 说起浮动大家并不陌生,因为有 Word 中看到太多的浮动围绕现象。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕” 大家都了解到, CSS 网页布局的原理,就是按照(X)HTML 代码中对象声明的顺序,以流布局的方式 来显示它,而流布局就不得不说到 float 浮动技术,在(X)HT...原创 2013-03-16 01:46:04 · 140 阅读 · 0 评论 -
CSS的Float之一(转)
CSS的Float之一原文 Float在CSS中是一个重中之重的东西，因为他是一个强大的，极有作用的一个CSS属性，但如果你没有理解透这个Float的话，那将是一个难搞的事情，特别是对于初学者来说，更是一个棘手事情。那么从今天开始我们一起来探讨这个Float。刚才说过了，Float是一个极有用的属性，首先表现在布局上，全前提是你要清楚他，了解他。这样才能达到知已知彼，方能百战...原创 2013-03-17 02:37:55 · 120 阅读 · 0 评论 -
CSS继承性 [font-size] (转)
原文地址：张鑫旭空间 详情请看附件原创 2013-03-27 04:27:46 · 384 阅读 · 0 评论 -
CSS-经典文章截图
深入了解css的行高Line Height属性 [附件1]原创 2013-03-27 14:13:55 · 125 阅读 · 0 评论 -
学习使用：before和：after伪元素(转)
p:before { content: url(image.jpg);} 学习使用：before和：after伪元素原文 如果你一直密切关注着各种网页设计的博客，你可能已经注意到了：before和：after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中，后期运用了很多伪类元素。 Nicolas Gallaghe...原创 2013-03-15 00:08:54 · 324 阅读 · 0 评论 -
CSS3 box-shadow(转)
CSS3 box-shadow原文 上一节我们一起探讨了一下CSS3的文字阴影text-shadow的使用方法，今天我们接着一起来探讨一下CSS3中的另一个属性box-shadow的使用方法。CSS3的box-shadow有点类似于text-shadow，只不过不同的是text-shadow是对象的文本设置阴影，而box-shadow是给对象实现图层阴影效果。本文我们搁下IE...原创 2013-03-15 00:08:39 · 124 阅读 · 0 评论 -
CSS3的文字阴影—text-shadow(转)
CSS3的文字阴影—text-shadow原文 前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时，大家在网页设计中阴影一般都是用photosho...原创 2013-03-15 00:08:26 · 120 阅读 · 0 评论 -
CSS3 transform 简单使用
/* firefox & webkit 浏览器中有效 */<!DOCTYPE html><html><head> <style> div{ background-color : #DEE4EE; color : #305999; ...原创 2013-03-08 17:26:07 · 150 阅读 · 0 评论 -
CSS3 gradient简单使用
[文章来源：http://www.cnblogs.com/gaoxue/articles/CSS3Gradient-1.html] 因方便在firefox中测试，根据原文简单总结一下Mozilla内核的线性渐变用法(径向渐变暂时忽略)，其他内核浏览器的渐变（webkit-old,webkit-new,opera,Trident）用法都差不多，请参考原文. 在Mozilla内核中...原创 2013-03-08 18:46:03 · 149 阅读 · 0 评论 -
CSS3 Background-size(转)
CSS3 Background-size Background大家一定不会陌生，但是ＣＳＳ3开始，给这个Background属性增加了几个新的属性值 ：Background-size,Background-clip和Background-origin。那么从今天开始分几节内容分别来介绍一下background-size,background-clip,background-ori...原创 2013-03-14 01:51:52 · 113 阅读 · 0 评论 -
CSS3 Background-clip(转)
CSS3 Background-clip原文 上一节在《CSS3 background-size》详细的介绍了CSS3为background新增属性之一，今天和大家一起来学习CSS3中有关于Background的第二新属性Background-clip。CSS3中的Background-clip属性，其主要是用来确定背景的裁剪区域，换句话说，就是如何控制元素背景显示区域。首先来看...原创 2013-03-14 03:47:16 · 135 阅读 · 0 评论 -
CSS Background-origin(转)
CSS Background-origin原文 Background-origin是CSS3为Background扩展的第三个属性，从Background-origin字面上不难发现是指背景图片的原点，其实background-origin主要就是用来决定背景图片的定位原点，换句话说就是背景图片定位的起点（background-position的原点）如果你看过了《CSS3 ba...原创 2013-03-14 04:01:01 · 161 阅读 · 0 评论 -
CSS3 Multiple Backgrounds(转)
CSS3 Multiple Backgrounds原文 前面几节和大家一起学习了CSS3中给Background新追加的属性：《CSS3 Background-size》、《CSS3 Background-clip》和《CSS3 Background-origin》。这样一来，CSS3中的Background功能就更强大了，那么今天我要给大家推荐一个有关于Background的多背...原创 2013-03-14 07:11:15 · 164 阅读 · 0 评论 -
CSS3 RGBA(转)
CSS3 RGBA原文 前面我们一起探讨了一下CSS3 Gradient（css3 渐变），今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生，他就是红色R+绿色G+蓝色B，那现在我们所说的RGBA又是什么呢？说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。语...原创 2013-03-15 00:07:45 · 478 阅读 · 0 评论 -
CSS3的圆角Border-radius(转)
CSS3的圆角Border-radius原文 前面系统总结了CSS3中Gradient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中， 大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四 个空标签，然后在每个空标签中应用一...原创 2013-03-15 00:08:19 · 102 阅读 · 0 评论 -
CSS 高度自适应 (转)
CSS解决高度自适应问题高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求：1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条2. 绿色部分高度固定，比如50px3. 紫色部分填充剩余的高度 HTML结构暂且如下：<div id="main"> <...原创 2013-04-06 23:05:22 · 138 阅读 · 0 评论