百恒网络
网站建设中常用的CSS3语法有哪些?
  • 百恒服务
  • APP开发
  • 网页案例
  • 网页知识
  • 关于我们
  • 联系我们
  • 网站建设中常用的CSS3语法有哪些?

    2017-12-29 15:12:52 3342
           随着主流浏览器地不断更新,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技术,确保网站兼容各大主流的浏览器。如果您有网站建设方面的需求,欢迎大家来电咨询,百恒随时为您服务!
    展开分享
    服务
    案例
    首页
    动态
    联系
    咨询