css 属性选择器
CSS⽂本字体颜⾊设置⽅法（CSScolor）
⼀、认识CSS 颜⾊（CSS color）
这⾥要介绍的是⽹页设置颜⾊包含有哪些；⽹页颜⾊规定规范。
1、常⽤颜⾊地⽅包含：字体颜⾊、超链接颜⾊、⽹页背景颜⾊、边框颜⾊
2、颜⾊规范与颜⾊规定：⽹页使⽤RGB模式颜⾊
⼆、颜⾊基础知识
⽹页中颜⾊的运⽤是⽹页必不可少的⼀个元素。使⽤颜⾊⽬的在于有区别、有动感（特别是超链接中运⽤）、美观之⽤，同时颜⾊也是各种各样⽹页的样式表现元素之⼀，了解CSS 字体颜⾊。
传统的html颜⾊与w3c标准下的css颜⾊对⽐和DIV CSS运⽤颜⾊
CSS color颜⾊语法：
color:#000000;
Css样式中color后直接加RGB颜⾊值（#FFFFFF 、#000000 、#F00）
RGB颜⾊值在实际布局时候确定，可以使⽤Photoshop（简称PS）拾取⼯具进⾏获取获得。
三、两种⽅法设置对象颜⾊样式
1、在DIV标签内使⽤color颜⾊样式
<div >www.jb51</div>
2、在CSS选择器中使⽤color颜⾊样式CSS代码：
.divcss5{color:#00F}
/* 设置对象divcss5内⽂字为蓝⾊ */
扩展阅读：这⾥运⽤了CSS注释对此样式设置说明，了解CSS 注释
3、DIV+CSS颜⾊样式完整案例：
Css代码：
复制代码
代码如下:
.divcss5{color:#00F}
/* 设置对象divcss5内⽂字为蓝⾊ */
HTML代码：
复制代码
代码如下:
<p>
标签内使⽤color css样式
<div >www.jb51 红⾊</div>
</p>
<p>外部样式表设置对象color颜⾊
<div class="divcss5">www.jb51 蓝⾊</div>
</p>
4、实例结构图：
以上使⽤标签内使⽤color颜⾊样式和css代码使⽤color颜⾊样式。
四、⽂字颜⾊控制⼀样
传统html和css ⽂字颜⾊相同使⽤“color：”+“RGB颜⾊取值”即可，如颜⾊为⿊⾊字即对应设置CSS属性选择器内添
加“color:#000;”即可。
五、⽹页背景颜⾊设置区别
传统设置背景颜⾊使⽤“bgcolor=颜⾊取值”，⽽CSS中则“background:”+颜⾊取值。例如：设置背景为⿊⾊，传统Html设置，即在标签内加⼊“bgcolor="#000"”即可实现颜⾊为⿊⾊背景，如果在W3C中即在对应CSS选择器中始终“background:#000”实现。
六、设置边框颜⾊区别
传统“bordercolor=取值”，CSS中“border-color:”+颜⾊取值。例如：在传统html直接在table标签加⼊“bordercolor="#000"”即可，在现在CSS中设置“border-color:#000;”即可让边框颜⾊为⿊⾊，同时记得对包括设置宽度和样式（虚线、实现）。
DIV+CSS颜⾊值扩展知识：
颜⾊值是⼀个关键字或⼀个数字的RGB规范。
16个关键字是采取从Windows的VGA调⾊板：⽔⾊，⿊⾊，蓝⾊，紫红⾊，灰，绿，灰，褐红⾊，藏青⾊，橄榄⾊，紫⾊，红⾊，银⾊，青⾊，⽩⾊，黄⾊。
七、RGB颜⾊给出了四种⽅法之⼀
1、#rrggbb（如，＃00cc00）（强烈推荐使⽤此表⽰颜⾊取值）
2、#的RGB（如，＃0c0）
3、RGB（⼗中，x，x）的x是⼀个包容性的0和255之间的整数（如的RGB（0,204,0））
4、RGB（Ÿ％，Ÿ％，Ÿ％），其中 y是⼀个包容性的数量介于0.0和100.0（如的RGB（0％，80％，0％））
⼋、以下是RGB颜⾊表
当然⼀般的⽹页开发软件都有颜⾊取值器：
⽹页开发软件DW软件中CSS取⾊器
如何获得CSS颜⾊值？
我们⼜不能记住颜⾊值，以及如何确定准确的与美⼯图相同颜⾊值呢？其实很简单通常我们是在PS软件⾥通过识⾊器⼯具进⾏获得准确颜⾊值，当然也可以借⽤其它专门识别颜⾊⼯具进⾏获取准确的color颜⾊值。
九、div css color颜⾊样式总结
使⽤css样式设置对象内容color颜⾊样式，我们可以使⽤命名CSS类对象设置其颜⾊样式，还有直接在html标签内设置color样式。以上我们也详细介绍和实践这2种对⽂字内容设置颜⾊⽅法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。