rgb(255,0,0)//红色
rgb(0,0,0)//黑色
rgb(255,255,255)//白色
2.RGBA:rgba(red, green, blue, alpha):alpha是0-1透明度设置。0完全透明,1不透明。
举例:
rgb(255,0,0,0)//完全透明,没有颜色的红色
rgb(0,0,0,0.5)//半透明的黑色
rgb(255,255,255,1)//完全不透明的白色
3.HSL:hsl(hue, saturation, lightness):色相(hue)是0-360的度数,0是红色,120是绿色,240是蓝色;饱和度(saturation)是一个百分比值,0表示灰色阴影,100%是全色;亮度(lightness)是百分比值,0表示黑色,50%是既不透明也不暗,100%是白色。
举例:
hsl(0, 100%, 50% )//红色
hsl(240,100%,50%)//蓝色
hsl(240,100%,0%)//黑色
hsl(240,100%,100%)//白色
4.HSLA:hsla(hue, saturation, lightness, alpha):alpha是0-1透明度设置。0完全透明,1不透明。
举例:
hsla(0, 100%, 50%,0 )//完全透明,没有颜色的红色
hsla(0, 100%, 50%,1)//红色
5.HEX:hex是使用十六进制值来指定颜色,格式为:#rrggbb,rr(红色),gg(绿色),bb(蓝色)是介于00-ff之间的十六进制值。
举例:
#ff0000 红色
#ffff00 黄色
#ffffff 白色,也可以将两个相同值合并,如#fff白色 #000黑色
6.颜色名称:tomato,orange, gray
如何设置背景颜色
========
背景设置时使用background属性或者background-color属性设置。举例:给网页设置红色背景。
body{
background:red | #ff0000 | rgb(255,0,0) | rgba(255,0,0,0) | hsl(0,100%,50% )
}
或
body{
background-color:red | #ff0000 | rgb(255,0,0) | rgba(255,0,0,0) | hsl(0,100%,50% )
}
如何设置背景图片
========
最后
中年危机是真实存在的,即便有技术傍身,还是难免对自己的生存能力产生质疑和焦虑,这些年职业发展,一直在寻求消除焦虑的依靠。
-
技术要深入到什么程度?
-
做久了技术总要转型管理?
-
我能做什么,我想做什么?
-
一技之长,就是深耕你的专业技能,你的专业技术。(重点)
-
独立做事,当你的一技之长达到一定深度的时候,需要开始思考如何独立做事。(创业)
-
拥有事业,选择一份使命,带领团队实现它。(创业)
一技之长分五个层次
-
栈内技术 - 是指你的前端专业领域技术
-
栈外技术 - 是指栈内技术的上下游,领域外的相关专业知识
-
工程经验 - 是建设专业技术体系的“解决方案”
-
带人做事 - 是对团队协作能力的要求
-
业界发声 - 工作经验总结对外分享,与他人交流
永远不要放弃一技之长,它值得你长期
信仰持有
。
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。