志达IT网站css透明度设置三种方法
办法：1、给元素添加“background-color:rgba(R,G,B,A)”款式来设置色彩通明度；2、给元素添加“opacity:通明值;”款式来设置通明度；3、给图画设置“filter:opacity(%);”款式来通明度。
本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。
在css中设置通明度的办法有三种：
rgba()
opacity特点
filter:opacity(%)
办法1：rgba()函数
rgba()函数能够设置色彩通明度，语法如下：
RGBA(R,G,B,A)
取值：
R：红色值。正整数|百分数
G：绿色值。正整数|百分数
B：蓝色值。正整数|百分数
A：Alpha通明度。取值0~1之间。
例如：rgba(255,0,0,0.5)半通明赤色
rgba()仅仅单纯的能够设置色彩通明度，这样在页面的布局中有许多应用。比如说：让布景出现通明作用，但上面的文字不通明。
示例：
background-color:rgba(0,152,50,0.7);//–>70%的不通明度
background-color:transparent;支持彻底通明
办法2：使用opacity特点
在CSS3中，增加了一个opacity特点，使用此特点能够设置元素的通明度。opacity特点具有继承性，会使容器中的所有元素都具有通明度；
语法：
opacity:value;
value：指定不通明度，从0.0（彻底通明）到1.0（彻底不通明）。
示例：
设置通明度的作用
.box1{
position:relative;
width:200px;height:200px;
background-color:#00f;
z-index:10;
opacity:0.5;
}
.box2{
position:absolute;
top:80px;
left:80px;
width:200px;
height:200px;
background-color:#0f0;
z-index:5;
opacity:0.5;
}
.box3{
position:relative;
width:200px;
height:200px;
background-color:#f00;
z-index:1;
opacity:0.5;
}
表现作用：
办法3：设置filter:opacity(%)款式设置图片的通明度
filter特点是将过滤器作用应用于web页面上的元素(主要是图画)的CSS办法；能够通过设置opacity()值，来设置图画的不通明度作用。0％不通明度表明元素彻底通明，假如不通明度为100％，则表明原始图画。
语法：
filter:opacity(%);
示例：
正常图片:
设置通明度的图片：
css的全称是什么
层叠款式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（规范通用符号语言的一个应用）或XML（规范通用符号语言的一个子集）等文件款式的计算机语言。CSS不仅可以静态地润饰网页，还可以合作各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素方位的排版进行像素级精确控制，支持简直所有的字体字号款式，具有对网页对象和模型款式修改的才能。
编程东西
记事本：运用Windows体系自带的记事本能够编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。
Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发东西，运用它能够轻而易举地制作出充溢动感的网页。
语言特色
编辑播报
CSS为HTML标记语言供给了一种款式描述，界说了其中元素的显示方法。CSS在Web设计范畴是一个打破。运用它能够完成修正一个小的款式更新与之相关的一切页面元素。
总体来说，CSS具有以下特色：
丰厚的款式界说
CSS供给了丰厚的文档款式外观，以及设置文本和布景特点的才能；答应为任何元素创立边框，以及元素边框与其他元素间的间隔，以及元素边框与元素内容间的间隔；答应随意改动文本的大小写方法、修饰方法以及其他页面作用。
易于运用和修正
CSS能够将款式界说在HTML元素的style特点中，也能够将其界说在HTML文档的header部分，也能够将款式声明在一个专门的CSS文件中，以供HTML页面引证。总归，CSS款式表能够将一切的款式声明一致寄存，进行一致管理。
别的，能够将相同款式的元素进行归类，运用同一个款式进行界说，也能够将某个款式运用到一切同名的HTML标签中，也能够将一个CSS款式指定到某个页面元素中。如果要修正款式，我们只需要在款式列表中找到相应的款式声明进行修正。
多页面运用
CSS款式表能够单独寄存在一个CSS文件中，这样我们就能够在多个页面中运用同一个CSS款式表。CSS款式表理论上不属于任何页面文件，在任何页面文件中都能够将其引证。这样就能够完成多个页面风格的一致。
层叠
简单的说，层叠便是对一个元素屡次设置同一个款式，这将运用最后一次设置的特点值。例如对一个站点中的多个页面运用了同一套CSS款式表，而某些页面中的某些元素想运用其他款式，就能够针对这些款式单独界说一个款式表运用到页面中。这些后来界说的款式将对前面的款式设置进行重写，在浏览器中看到的将是最后面设置的款式作用。
页面压缩
在运用HTML界说页面作用的网站中，往往需要很多或重复的表格和font元素构成各种规格的文字款式，这样做的结果便是会产生很多的HTML标签，从而使页面文件的大小添加。而将款式的声明单独放到CSS款式表中，能够大大的减小页面的体积，这样在加载页面时运用的时刻也会大大的减少。别的，CSS款式表的复用更大程度的缩减了页面的体积，减少下载的时刻。
