晚上下班回來(lái)興致沖沖得準(zhǔn)備看看vue.js，結(jié)果發(fā)現(xiàn)根本看不懂托修，和當(dāng)初一開(kāi)始看js一樣忘巧，真的是一臉懵逼，想起來(lái)翁愷老師的css入門(mén)課睦刃，雖然說(shuō)css實(shí)習(xí)期間有了很大的提升而且也自學(xué)過(guò)一部分，但是覺(jué)得翁愷老師這里一定會(huì)講一些細(xì)節(jié)十酣，另外因?yàn)槲虗鹄蠋熉曇艉寐?tīng)涩拙，講得也有趣，所以就自然而然打開(kāi)看了一節(jié)耸采，不知不覺(jué)就get到了小技巧
css中 color 兴泥， background-color 可以通過(guò)三種方式來(lái)設(shè)置：十六進(jìn)制色，rgb和rgba .
一虾宇、十六進(jìn)制色
你可能會(huì)說(shuō)搓彻，這有什么？我也知道嘱朽。
但是你知道為什么#fffffff代表的純白旭贬，#ff0000代表純紅嗎？
翁愷老師告訴我了搪泳，#__ __ __ 這三個(gè)空白位置分別稀轨，代表red，green岸军，blue要填寫(xiě)兩位十六進(jìn)制數(shù)奋刽。
所以#ff 00 00 ,red部分為最大值ff，其余為0艰赞，代表紅色最純佣谐，綠色藍(lán)色不上色。
#fff ff ff 方妖，有一些常識(shí)的小伙伴都知道狭魂，紅綠藍(lán)三種純色混合，產(chǎn)生白色，此處亦然趁蕊。
二坞生、rgb(x，y掷伙，z)
這三個(gè)參數(shù)是從0~255的十進(jìn)制數(shù)是己，和十六進(jìn)制色表示原理基本一致，不再贅述
三任柜、rgba(x卒废，y，z宙地，α)
這是今晚發(fā)現(xiàn)的最有趣的一個(gè)部分摔认，x,y,z同上，α指的是α通道宅粥，可以理解成牛排的成熟程度参袱，越成熟，假設(shè)牛排越熟顏色越純秽梅，可以取0~1之間的浮點(diǎn)數(shù)抹蚀，取1時(shí)代表100%得使用這個(gè)rgb顏色，和牛排一樣企垦，全熟环壤；取0.2時(shí)，代表20%使用這個(gè)rgb顏色钞诡，類(lèi)比二成熟的牛排郑现，unbelievable...直觀，上圖
其實(shí)get到rgba的α這個(gè)參數(shù)随夸，一方面可以做簡(jiǎn)單的漸變效果九默，但是更重要的是可以加速開(kāi)發(fā)，在寫(xiě)一些小demo的時(shí)候宾毒，不用再在使用什么顏色上糾結(jié)驼修。
分享完畢，收拾睡覺(jué)！
努力成為優(yōu)秀的前端工程師乙各！
>期待和大家交流墨礁，共同進(jìn)步，歡迎大家加入我創(chuàng)建的與前端開(kāi)發(fā)密切相關(guān)的技術(shù)討論小組：
> - SegmentFault技術(shù)圈:[ES新規(guī)范語(yǔ)法糖](https://segmentfault.com/g/1570000010695363)
> - SegmentFault專(zhuān)欄：[趁你還年輕耳峦，做個(gè)優(yōu)秀的前端工程師](https://segmentfault.com/blog/chennihainianqing)
>- 知乎專(zhuān)欄：[趁你還年輕恩静，做個(gè)優(yōu)秀的前端工程師](https://zhuanlan.zhihu.com/wyasy)
>- Github博客: [趁你還年輕233的個(gè)人博客](https://github.com/FrankKai/FrankKai.github.io)
>- 前端開(kāi)發(fā)QQ群：660634678
>- 微信公眾號(hào)： 人獸鬼 / excellent_developers
>努力成為優(yōu)秀前端工程師！
