CSS3教程(9):设置RGB颜色

CSS3教程(9):设置RGB颜色的相关文章

• 
  CSS3教程:rem设置字体大小

  标签：Web开发

  在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。 最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用rem来设置Web页面的字体大小。让...[ 查看全文 ]

  gc_123456789

  261
• 
  CSS教程：详解CSS3 Media Queries

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  说起CSS3的新特性，就不得不提到 Media Queries 。本文比较详细，所以很多实际中用不到。所以如果只是想简单了解Media Queries，推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分，包括类型、组别和规则等。CSS并非为了显示器而创造，而是应用于各种各样的媒体，比如常见的显示器，越来愈多的手持设备，可能略显过时的电视机等等。 而 Media Queries 的引入，其作用就是允许添加表达式用以确定媒...[ 查看全文 ]

  运城学院好男人

  21
• 
  初步了解CSS3

  标签：Html CSS布局 Div+CSS XHTML

    最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中楼阁，毫无意义可言。以下我就列举一下CSS3中部分新内容。 1、...[ 查看全文 ]

  3鈨o笍濮

  41
• 
  RGB颜色action自定义教程(3) — 颜色渐变篇

  标签：flash教程

  前面两篇讲了颜色设置的基础和随心所欲的得到随机的颜色，希望对大家多少有所帮助。说完随机颜色，我们再讲讲颜色渐变，就像下面这个动画： 页面：点这儿参观 源代码(3K)： colortest2.zip 这样用颜色来表示y轴数值的大小，还是很直观的，怎么做的呢？有了前面关于颜色讨论的基础，我想大家应该都差不多猜出做法来了，就是把rgb中的一个跟随变量的增加而增加，就像这样...[ 查看全文 ]

  天乐帽业

  41
• 
  CSS3实例教程：详解calc()函数功能

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一下午的时间彻底学习了...[ 查看全文 ]

  0000000o00

  71
• 
  CSS3实例教程：详解Media Queries片段

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？ Responsive中的断点都依赖于CSS3的Media Queries来决断。曾在CSS3 Media Queries模板、使用em单位创建CSS3的Media Queries和iPads和iPones的Media Queries有过这方面的介...[ 查看全文 ]

  爱在一sec间

  61
• 
  HTML5/CSS3的开发框架：实用HTML5和CSS3框架

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧！希望你们喜欢！ 1.HTML5boilerplate H5BP带给你非常漂亮的文档，一个网站优化的编译脚本，还有一个自定义的boilerplate编译器。除此之外，我们还支持lighttd，Google App Engine和No...[ 查看全文 ]

  阿尔bi丝丶

  71
• 
  CSS3中支持IE9, Firefox, Safari, Chrome的圆角

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  W-教程博主就比较喜欢圆角的盒子模型，现在CSS3已经可以轻松实现跨浏览器的圆角效果，包括Firefox高版本，IE9，Safari，Chrome等高端浏览器。 我们这样去定义一个盒子模型： -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; 在Firefox，和Chrome中的效果： 其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-radius是 webkit 内核浏览器（如 Saf...[ 查看全文 ]

  瑞丽芳香

  11
• 
  CSS实例教程：纯CSS3编写的面包屑导航

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必能看到的。 今天我们整理了10个纯CSS3制作的 面包屑导航 ，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以学习研究一下。 漂亮面包屑导航 扁平化 面包屑导航 圆形风格面包屑导航 CS...[ 查看全文 ]

  905167571

  141
• 
  CSS3盒模型display:box详解

  标签：Web开发

  display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-webkit-)。 一、box-flex属性 box-flex主要让子容器针对父容器的宽度按一定规则...[ 查看全文 ]

  yingzi0156

  31
• 
  17款有趣实用的CSS3悬停效果教程

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  这里是我们收集的一些很有用的CSS 3悬停效果教程合集。 HTML 5和CSS 3拓展了网页设计的可能性，它们引入了很多新属性来让你的网站变得丰富而饱满。在这篇文章中，我分享了18个CSS3悬停效果的教程，来让你的网站变得饱满并且传达更好的用户体验。本文介绍了CSS 3的动画属性，使用这个属性可以不用费多大力气就创建出一个悬停效果。我们希望你会觉得我们收集的CSS 3悬停效果教程合集是有用的，另外如果你知道...[ 查看全文 ]

  Qing蛙哥

  551
• 
  CSS3中如何实现渐变效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  渐变可以创建类似于彩虹的效果，低版本的浏览器不的不使开发者用图片来实现，CSS3将会轻松实现网页渐变效果。 要得上面的线性渐变效果，我们这样去定义CSS3样式： background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */filter: prog...[ 查看全文 ]

  小小妞91

  171
• 
  css3 transform 3d 使用css3创建动态3d立方体(html5实践)

  标签：Web开发

  在今天的课程中，我将向大家介绍如何使用css3创建3d的立方体。大家可以通过下面的链接浏览实际效果，操作上下左右键，实现立方体的翻转效果。 demo地址 ：http://www.jb51.net/jiaoben/70022.html 下面我们开始介绍如何制作。 html ： 代码如下： div id="experiment" div id="cube" div class="face one" One face /div div class="face two" Up, down, left, right /div div class="face ...[ 查看全文 ]

  平平安安792

  131
• 
  RGB颜色action自定义教程(2) — 随机颜色篇

  标签：flash教程

  前面基础篇里我们讨论了怎么设置指定的颜色，我觉得不能算是很难的。但是一位朋友通过qq告诉我，他觉得有一点吃力。对此我很抱歉，以前我一直觉得有些ction的基础问题是不用多解释的，大家查查参考手册就是，现在看来朋友们的实际情况还是差别很大的，以后我会在这些方面注意一些，每一个新语句都加上注释。 上次说得是颜色设置的基础，代码实际上只有两三句，从现在看时我们来继续说说颜色问题的一...[ 查看全文 ]

  不能回头的青春

  401
• 
  用CSS3做的各种网页效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际 用途， 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。 对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了 更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有...[ 查看全文 ]

  々々米修

  141
• 
  CSS3实例教程：设计动态透明水晶盒

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  相信大家有看过这个例子：3D盒子，在书《CSS3 实战》上第282页有个综合实战设计动态立体盒子的例子，实现方式跟它一样，我的盒子也是以它为原型来设计的，不过在实现方面有做修改、优化，以及增添了一些细节，下面是我的盒子Firefox截图： 透明化了盒子，通透性强了，因为透明了，所以背部的三个面也就要做出来了，所以总共6个面，比原作多3个；投影镜像，让盒子的立体感更强烈；边角线的处理，让盒子面与...[ 查看全文 ]

  掰肚也不知道

  11
• 
  html5与css3小应用

  标签：Web开发

  html5与css3小应用，感兴趣的话，可以点击下载，适合ie9+，ff，chrome等浏览器   [ 查看全文 ]

  娜写妗生

  31
• 
  网页美工应该了解的CSS3新技术

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  1：基本标记 在我们开始这个教程之前，先来创建整个教程都要使用的基本标记。 我们的xHTML需要一下div元素: #round, 使用CSS3代码实现圆角. #indie, 应用个别的几个圆角. #opacity, 展示新的CSS3实现不透明度的方式. #shadow,展示不使用Photoshop的情况下，使用CSS3来实现阴影效果. #resize, 展示如何使用某种CSS来实现重设大小的效果. 综上所述，我们的xHTML应该是这样的:    !DOCTYP...[ 查看全文 ]

  政通人和天地人

  21
• 
  可用CSS3实现的常见网页设计应用

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  对于设计人员和开发人员来说， CSS 一直是web设计过程中重要的一部分，随着 CSS3 的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。现在，用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际用途， 但仅用CSS实现出这些效果也是一大进步。 这里有几个可以使用CSS3实现的常见网页设计应用，你可以马上动手...[ 查看全文 ]

  痛过所以青春

  31
• 
  RGB颜色action自定义教程 — 色光叠加篇

  标签：flash教程

      通过前几篇教程，相信大家对于RGB颜色方面的编程应该已经是得心应手了吧？还有一个方面我们没有涉及，那就是：颜色叠加。等这一篇写完，我想我的这个RGB教程也该结束了，因为我肚子里可就只有这么点东西了。     这个色光叠加部分，更多的是一种想法，连算法都算不上。因为这一部分连可以copy了直接用的代码都没有，只有一个swf文件，还是为了演示用的，不过我想这个swf...[ 查看全文 ]

  我一人走在街头

  331