当前位置:首页 >  站长 >  建站经验 >  正文

Css代码中color属性的几种常见用法及区别

 2020-02-09 11:01  来源: A5企业专栏   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

  大家在制作网站和编写css代码的时候,经常都会使用到color属性,这也是一个网页在制作中非常常见的属性,但是,就是这样一个最常用的属性也有多种表达方法,可以在不同的时候派上用场。

  一、十六进制代码指定颜色

  这是在使用color属性是最常用的方法之一,这种方法的优点在于对于颜色的选择十分的精确,并且可以选择的颜色种类也非常多,因为它可以通过代码来实现颜色的微调。比如,在十六进制代码中,纯蓝色的代码为color:#0000FF;当然,需要注意的是,使用这种代码一定要在颜色代码前添加#符号,如果忘记的话是没有效果的。

  二、直接用颜色的英文名称来选择颜色

  这个方法与第一种方法一样,都是在使用color属性的过程中最为常用的方法之一。它的特点是十分简单,只需要记住颜色的英文名字就可以使用了,如红色的代码为color:red;黄色的代码为color:yellow;而蓝色的代码就是color:blue;但是,方便使用是相对的,在使用较为常见或是纯色的时候,使用这种方式非常简单,但如果是一些具有变化的颜色时,它就会让一些人感到抓狂了,因为如果只使用这一种方式的话,就意味着你要记住每一种颜色的英文名字且不能混淆。同时,这种方式选择的颜色并不是十分精确,所以就导致了如果使用不同的浏览器打开同一个网站,看到的颜色却是有所偏差的,这就无法体现出完整的设计效果了。

  三、使用RGB:rgb模式进行颜色的选择

  如果是学过设计的人,那么对于RGB一定非常的熟悉,因为这是在设计的过程中使用的最多的选择颜色的方式之一,但是在css代码的color属性中,这种方式却并不是那么常用,但这也是一个能够非常精确的选取颜色的办法。

  RGB即光的三原色:红色、绿色、蓝色。让这三种颜色以不同的比例进行调和,就可以展现出各种各样的颜色,所以只要在css中设置好这三种颜色的比例,也可以非常精确的选择出自己想要的颜色。但是由于使用这个办法要对每一种颜色的比例非常了解,所以使用起来具有一定的难度,也需要反复调试才能做到。在这种模式中,每一个颜色分为255份,举一个简单的例子,如果想要选择纯红色,只需输入color:rgb(255,0,0);即可。

  四、进阶的RGBA:rgba方法

  这种颜色选择方法是基于RGB:rgb方法的一个升级版,在后面加入的变量是alpha,也就是透明度。我们都知道,在网站的制作中,常常会产生对于一些半透明颜色的需求,那么此时,就需要用到alpha这个属性了,因为这个属性控制的就是颜色的透明度。Alpha属性的值介于0到1之间,即如果alpha=1,那么颜色就是完全不透明的;相反,如果alpha=0,那么颜色就是完全透明的,所以如果需要一个半透明的颜色,将alpha的值设置为0.5即可,这样就可以让站长根据自己的需求来选择颜色的透明度了。

  颜色的选择方法有很多,它们每一种都具有自身独特的特点,在建站时,也不应该拘泥于使用同一种方法。如果需要纯色,那么当然可以选择第二种最简单的方法,但如果需要一些复杂的颜色,那么显然第一种、第三种则是更好的选择。而如果对颜色的透明度有所要求,那么自然就要运用第四种方法。如果能够将这四种方法都掌握的话,那么就足以应对网站建设中关于颜色设置的问题了。作者: https://www.haotuiwang.cn/ 平头哥SEO,原创不易,转载时必须以链接形式注明作者和原始出处及本声明。

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关文章

  • 外贸商城网站建设哪家好 三大知名外贸商城综合对比

    随着国际化贸易的融合以及国家对外贸的支持,外贸电商越来越火,让商品出海已经是不少中大型企业的战略性布局。虽然自建站会比SaaS有着灵活扩展的优势,但如何解决商品出海横跨在企业和用户眼前的语言难题,是不少企业需要考虑的一个核心点。

    标签:
    网站建设
  • 做管理对员工的要求就是,干活必须带脑子

    我自己做管理这么多年,从来不鼓励员工埋头苦干、必须加班。因为这些根本没有卵用,纯粹都是形式主义。我对员工的要求之一,就是干活必须带脑子。但就是这么一个简单要求,相当一部分人,根本做不到。

    标签:
    网站设计
  • 网站建设常用的建站系统推荐

    网站建设已经很是普及的事情,稍微注重网络宣传的企业或单位都会有自己的网站,网站建设是一个比较复杂的过程,特别是对于非专业的人员来说,所以很多新手有网站建设需求,最先想到的是找本地一家网站建设公司来承建

    标签:
    网站建设
  • 自动化建站优化+卖站,看起来是个好生意

    这几天在站长论坛看到有人交流自动化建站然后SEO优化,最后在已3K+左右的价格卖出。看这确实让人热血沸腾,想马上开始行动起来,其实我个人觉得这里面还是有很多难点的。

    标签:
    网站建设
  • 网站建设过程中容易被忽略的元素是什么?

    网站从建设到真正运营,会忽略很多元素。其实一个网站能否达到预期的效果,网站建设与网站优化做好的同时,很关键一点,客户自身的问题。比如我们帮企业建设网站,网站提供的主要服务还是掌握在客户手上。下面笔者谈谈网站建设过程中容易被忽略的元素。详情看下文

    标签:
    网站建设

热门排行

信息推荐