CSS的文本字体颜色如何设置

这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。

1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色

2、颜色规范与颜色规定:网页使用RGB模式颜色

网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感(特别是超链接中运用)、美观之用,同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。

传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色

立即学习“前端免费学习笔记(深入)”;

CSS color颜色语法:

color:#000000;

Css样式中color后直接加RGB颜色值(#FFFFFF 、#000000 、#F00)

RGB颜色值在实际布局时候确定,可以使用Photoshop(简称PS)拾取工具进行获取获得。

在DIV标签内使用color颜色样式

div

在CSS选择器中使用color颜色样式CSS代码:

.div{color:#00F}

/* 设置对象div内文字为蓝色 */

DIV+CSS颜色样式完整案例:

Css代码:

.div{color:#00F} /* 设置对象div内文字为蓝色 */ 

以上使用标签内使用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;”即可让边框颜色为黑色,同时记得对包括设置宽度和样式(虚线、实现)。

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%))

使用css样式设置对象内容color颜色样式,我们可以使用命名CSS类对象设置其颜色样式,还有直接在html标签内设置color样式。以上我们也详细介绍和实践这2种对文字内容设置颜色方法。

相信看了这些案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

相关阅读:

 Css3中的transform 渐变属性怎么使用

 Css3中的transform 渐变属性怎么使用

 Css3中的transform 渐变属性怎么使用

以上就是CSS的文本字体颜色如何设置的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3121067.html

(0)
上一篇 2025年3月29日 17:46:33
下一篇 2025年3月29日 17:46:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解 CSS的 content 属性

    在前端开发中,css是我们必定会使用到的语言,本文我们主要和大家一起学习 content属性. css的 content 属性需要在 ::before和::after 伪类元素中使用. 属性会在页面上生成content中的内容,当然需要您的…

    编程技术 2025年3月29日
    100
  • 20 个 CSS 高级技巧汇总

    在开发过程中能学会使用css 高级技巧对开发也是很有利的,本文我们将和大家分享20 个 css 高级技巧。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate {    filter: gra…

    编程技术 2025年3月29日
    100
  • css3中的渐进增强和优雅降级

    渐进增强和优雅降级这两个概念是在 css3 出现之后火起来的。由于低级浏览器不支持 css3,但是 css3 特效太优秀不忍放弃,所以在高级浏览器中使用css3,而在低级浏览器 只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,…

    编程技术 2025年3月29日
    100
  • css中关于hideFocus的使用详解

    可能很有小伙伴看到标题都不知道是什么意思,hidefocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: 对象=this.blur() 它的是一个布尔,如hidefocus=true。也可省略赋直接写hidefocus。 今天我们就…

    编程技术 2025年3月29日
    100
  • CSS段落属性详解

    css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。css 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。本文我们和大家分享css段落属性详解。 …

    编程技术 2025年3月29日
    100
  • CSS3通过@keyframes创建动画

    本文主要和大家介绍了css3 @keyframes简单动画实现的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 定义: 通过 @keyframes 规则,能够创建动画。 创建动画的原…

    编程技术 2025年3月29日
    100
  • CSS 高级技巧汇总分享

    本文主要和大家分享CSS 高级技巧汇总,使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集的CSS高级技巧,希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? 登录后复制登录后复制登录后复制…

    编程技术 2025年3月29日
    100
  • css3的旋转木马

    这次给大家带来css3的旋转木马,实现css3旋转木马的注意事项有哪些,下面就是实战案例,一起来看一下。 1、perspective perspective属性包括两个属性:none和具有单位的长度值。 其中perspective属性的默认…

    编程技术 2025年3月29日
    100
  • 如何用css写对联广告代码

    本文章提供的对联广告是完全使用css实现的,并且兼容所有浏览器,包括各种ie,ff,gg浏览器,代码简洁好用。 代码如下: .couplet_ad/* 底部固定*/{position:fixed;bottom:auto; top:0; wi…

    编程技术 2025年3月29日
    100
  • 如何做到不用图片用css实现按钮的美化

    本篇文章主要介绍如何做到不用图片用css实现按钮的美化,感兴趣的小伙伴参考一下。 代码如下:   .tb{width:100%;height:1px;overflow:hidden;background:rgb(250,100,0);mar…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论