《
你应该知道的几个CSS3技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233M42013.htm
文本抉择颜色设置
边框色彩演示
::selection {background: #3C0; /* Safari */color: #90C;}::-moz-selection {background: #3C0; /* Firefox */color: #90C;}
我盼望跟我一样,你会做用户登录功能吗？，对CSS3的这些特征觉得冲动。他给网页设计师和开发者更多的力气,体验设计师可以改进的5个习惯，并且让很多方面都简化不少。当初，我们只要等候所有浏览器支持它。当然，我这里演示的常识CSS3新功效的冰山一角。
阴影效果接收多个参数值。第一个是阴影的颜色，它还接受另外四个长度（lenght）值，前两的长度值辨别是X（程度）偏移量和Y（垂直）偏移量。接下一个参数是反应隐约度的数值。第四也是最后一个值是用来定义含混的分布水平。
总结
-moz-column-count:3;-moz-column-rule: solid 1px black;-moz-column-gap: 20px;
Tag：CSS3 ,
传统行业论坛发展的春天; CSS3
HSL演示实例
HSL色彩模式（色调H，饱和度S ，亮度L）
RGBA的颜色定义实际用起来不给人的感到那么庞杂，它接受四个参数值，以此是：红色值，绿色值，蓝色值，以及透明度。我们不必hex（#）16 进制值的颜色，我们以RGB的模式来设置颜色，其中，透明度能够设置颜色的透明效果。透明度的取值范畴在0到1之间，0是完全不透明，1是颜色完整透明。下面这些演示例子的透明度都是0.5，元素的透明度是50%，rgba不须要附加任何特定的浏览器前缀声明。
对于这个页面的Demo（实例）解释
-moz-linear-gradient(-90deg,#1aa6de,#022147);
-webkit-gradient(linear, left top, left bottom, from(#1aa6de), to(#022147));
阴影效果演示
有了变形样式，你可以让元素的外观在鼠标悬停时变大。给Scale（比例）值设置一个大于1的数值，元素就会便打。反过来或，如果值小于1，元素的大小就会缩小,优秀网页设计的四个关键因素。除了Scale比例，它还有其余许多不同的变形方法可用。你可以拜访Firefox的开发者页面，查看它们所能实现的效果
渐变后果
--> [
网站建设之]你应当晓得的多少个CSS3技能
RGBA颜色模式
多栏布局
* Mozilla/Firefox/Gecko阅读器的前缀: -moz-
* Webkit (Safari/Chrome)浏览器的前缀: -webkit- （注意：一些Wbkit的前缀只能在Safari下使用，Chrome不支持。）
除了RGBA，CSS3也支撑HSL颜色模式。这给我们在颜色和色调的取舍上供给了充分的余地。在HSL这种颜色模式中的H代表色调，S代表色度，L代表亮度。色调是色盘上角度值 ，而保饱跟度和亮度则是颜色的百分比值。
你们中有许多人可能已经听到过有关CSS3的不少传言，但是我们现在能真正用到的CSS3技巧又有哪些呢？本文，我将向你展现一些与众不 同的CSS3技巧，这些技巧在一些重要的浏览器中表示良好（如Firefox，Chrome，Safari，Opera浏览器）。这些 效果会在不支持的浏览器中降级渲染（如IE浏览器）。使用浏览器特定的声明，许多提议的CSS3样式都可以马上拿来使用。
暗影效果
文本选择颜色演示
-moz-transform: scale(1,优秀网站需具备的十二点要求.15);-webkit-transform: scale(1.15);
有了这个新的多栏布局样式，你可以给文本浮现相似”报纸“排版的效果。跟在CSS2中的实现方式比拟，CSS3中，我们实现这类效果要简略的多。下面，我指定鸟所需要的列数目,优秀网站的共性：让用户忘记思考，以及分别的规矩类型，栏与栏之间的缝隙有多大。用起来很简单是吧
渐变效果演示
要使用这一CSS样式，你需要分辨定义border-top, border-right, border-bottom, 和border-left 才干取得下面的效果。你注意到定义一个8像素的边框，而后边框又定义了8种不同的颜色,优秀的交互设计师的必备条件。这由于边框的颜色数量必需与边框的像素宽度值绝对应。
好了，咱们已经讲的够多了，我们立刻尝试一下。留神：款式申明去掉这些前缀就是W3尺度的实际标准提议,企业网站的五大要点不容忽视。
变形效果演示
你可能已经看到了,企业网站应该如何营销，使用这些声明的有一个毛病，那就是如果我们想在Firefox，Safari和Chrome中都得到CSS3的效果，我们需要使用到上面所有这些前缀。也不用惊奇，IE浏览器不支持CSS3，因而也就不像其他主要浏览器有一个特定的前缀声明。
所有这些例子都是在这个页面里面，假如你不能畸形查看实例的效果（或者只能查看局部），那阐明你正在应用的浏览器并不支持这些CSS3效果
边框颜色
变形
CSS3的渐变样式刚开端很轻易让人混杂，尤其-moz 和-webkit的渐变之间还存在不同。在-moz中，你首先需要定义渐变的方向，然后定义起始和终止的颜色。而-webkit的渐变则稍稍复杂一些,企业站要做到员工和老板的和谐统一，首先你需要定义渐变的类型，然后接下来两个值定义方向，最后两个值定义了渐变的起始颜色和终止颜色。
多栏布局演示
box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
如果你不知道浏览器的特定声明是什么，你只需要记住它们都是CSS样式属性前与内核提供商有关的特定前缀。因为CSS3目前还没得到全面的支持，所以我们需要使用这些特定声明。详细的情势如下：
background-color: rgba(0, 54, 105, .5);
background-color: hsl(209,41.2%, 20.6%);
我不得不要说文本挑选颜色的定义是一个相称激动听心的新功能。当我第一次在CSS技巧上看到这个是，我在感到它十分贴心。有了::selection这对伪对象（pseudo- element），你可以在用户选一段文本元素时转变颜色和背景。如果你问的见解，我会认为这无比美丽。固然::selection已经从目前的CSS3草案中移除鸟，然而我们愿望稍后它在增加进来。
border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
(责任编辑：网站建设)
你应该知道的几个CSS3技巧相关文章