网站建设中常用的CSS3语法有哪些?

       随着主流浏览器地不断更新,CSS搭配js所形成的网页动画结果可以用CSS3的语法直接呈现,这样一来在网站设计上可以减少图片的使用,从而避免了因容量过大造成的存取困难。那么南昌网站建设中常用的CSS3语法有哪些呢?下面易速网络小编就来为大家介绍一下:

       1、RGBA设定元素颜色,可设定元素的颜色阴阳角,重要行使颜色的RGB值,以及设定元素的透明度。

       例如:

       background:rgba(0,0,0,0.5);

       background:rgba(0,0,0,1);

       background:rgba(red,green,blue,alpha);

       其中alpha值 0为透明 1为不透明,0~1区间可选择透明度的强弱。

       

       2、Border radius设定元素圆角,可设定元素圆角,预设为0。

       例如:

       border-radius: 10px;

       -webkit-border-radius: 10px; 

       -moz-border-radius: 10px;

       3、box Shadow区块阴影,可设定区块阴影

       例如:

       box-shadow: 1px 2px 3px #000;

       -webkit-box-shadow: 1px 2px 3px #000; 

       -moz-box-shadow: 1px 2px 3px #000; 

       4、Text Shadow笔墨阴影,可设定笔墨阴影

       例如:

       text-shadow: 1px 2px 3px #000;

       5、Gradient Background设定背景渐层

       上下渐层:GradientType=0

       左右渐层:GradientType=1

       渐层肇端颜色:startcolorstr=# 

       渐层结束颜色:endcolorstr=# 

       例如:

       预设的背景色

       background: #278092;

       background:-webkit-gradient(linear, left top, left bottom, from(#00475E), to(#007276)); 

       background: -moz-linear-gradient(top, #00475E, #007276);

       filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00475E', endColorstr='#007276'); 

       background: -o-linear-gradient(top, #00475E, #007276); 

       以上便是在南昌做网站中常见的一些css3语法,希望对大家有所帮助。CSS3的出现提高了网站的打开速度,而且它运用灵活,目前在开发者中非常受欢迎。易速网络做网站就是使用成熟可靠的Html+Css技术,确保网站兼容各大主流的浏览器。如果您有网站建设方面的需求,欢迎大家来电咨询,易速随时为您服务!

提供全面的搜索引擎优化学习交流,专注网站优化和搜索引擎营销推广服务。用专业的SEO技术为企业网站提升关键词排名,让你的网站不仅满足用户体验还要适合搜索引擎优化规则。
易速网站优化公司 » 网站建设中常用的CSS3语法有哪些?
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡