css的颜色设置-程序员宅基地

技术标签: photoshop  

一、认识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 style="color:#F00">www.divcss5.com</div>

2、在CSS选择器中使用color颜色样式CSS代码
.divcss5{color:#00F}
/* 设置对象divcss5内文字为蓝色 */

文字颜色控制一样 

传统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颜色表 

 

转载于:https://www.cnblogs.com/xbsai/p/9853528.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33779515/article/details/93913939

智能推荐

iphone开发之UIButton按钮的使用(二)拖线实现 多个按钮用同一个监听方法实现_uibutton长按松手监听-程序员宅基地

文章浏览阅读1.9k次。1、当为每个按钮都一一拖线实现每一个监听方法,会变得非常繁琐。未解决这个问题,就需要将多个按钮拖到同一个方法上。2、就是说此方法要处理多个按钮的监听事件,但是每个按钮的监听事件都不相同,要处理每个按钮的不同监听事件就要对各个按钮传来的参数进行区分。Type不要再选择id类型,要选择UIButton。Connection仍然选择Action表示监听方法,Event仍然选Touch Up Ins_uibutton长按松手监听

Linux 管理联网 nmcli常用命令_nmcli c-程序员宅基地

文章浏览阅读1.3k次。修改IP (modify) 停止连接 (down) 删除连接(delete) 连接生效(三种方式) 重新加载配置文件(load reload)_nmcli c

MPAndroidChart之LineChart使用_mpachart折线图设置虚线-程序员宅基地

文章浏览阅读5.5k次。1.写在前面我很纠结着标题该怎么取,因为对于这个图表框架我只使用了linechart,但是用的非常非常的多,公司很多地方都是折线图。因为项目有关折线图的功能基本都完了,所以抽出一部分东西出来记录下来。这里抽出的效果图如下: 领导具体的要求有这么几点: 1. 第一个折线图表示实时功率,后面的月 年 总体都是发电量,并且日实时功率要充满(就是fill),其他的不用; 2. 日实时功率图表_mpachart折线图设置虚线

深入理解SELinux SEAndroid(3最后部分)_restorecon lsetfileconon read-only file system-程序员宅基地

文章浏览阅读947次。深入理解SELinux SEAndroid(结局) 二 SEAndroid源码分析有了上文的SELinux的基础知识,本节再来看看Google是如何在Android平台定制SELinux的。如前文所示,Android平台中的SELinux叫SEAndroid。先来看SEAndroid安全策略文件的编译。 1. 编译sepolicy Android平台中:_restorecon lsetfileconon read-only file system

ESP8266-Arduino网络编程实例-异步TCP服务器(基于热点模式+DNS)_esp8266 tcp server arduino-程序员宅基地

文章浏览阅读1.6k次。在本实例中,将实现如何在热点模式下实现异步TCP服务器。_esp8266 tcp server arduino

这一篇说明spring的一些基础问题问题-程序员宅基地

文章浏览阅读552次。1 spring概述它是一个全面的、企业应用开发一站式的解决方案,贯穿表现层、业务层、持久层。Spring是一个轻量级Java开发框架Spring设计目标:Spring为开发者提供一个一站式轻量级应用开发平台;但是 Spring 仍然可以和其他的框架无缝整合。Spring最根本的使命是解决企业级应用开发的复杂性,即简化Java开发。Spring所有的功能 的底层都依赖于它的两个核心特性,也就是依赖注入(dependency injection,DI)和面向切面编程(aspect-oriented

随便推点

ES Java API - 获取索引下数据量_java操作es查询索引中的doc数量-程序员宅基地

文章浏览阅读1.5w次。需求 获取ES某个索引下的数据总量代码示例引包import net.sf.json.JSONObject;import org.apache.commons.logging.Log;import org.apache.commons.logging.LogFactory;import org.elasticsearch.action.ActionFuture;import org.e_java操作es查询索引中的doc数量

OpenCV把视频拆分成图片(python)_cv2 视频拆分为图像-程序员宅基地

文章浏览阅读2.3k次,点赞6次,收藏16次。OpenCV把视频拆分成一帧一帧的图片并存放入指定的目录下,代码如下:import cv2import osdef apart(video_path, video_name, image_path): """ 功能:将视频拆分成图片 参数: video_path:要拆分的视频路径 video_name:要拆分的视频名字(不带后缀) image_path:拆分后图片的存放路径 """ # 在这里把后缀接上 _cv2 视频拆分为图像

MaxScript Normals Toolbag 法线工具包(由于是练手,功能是随写随想的)_maxset normals-程序员宅基地

文章浏览阅读2.5k次。视频演示 https://www.bilibili.com/video/av41035802/(由于是练手,功能是随写随想的,码特别乱,就不分享了,免得恼火)(顺便吐一下,max的脚本工具虽然有mxs dotnet python都可以写功能做UI,但是做一个人性化的UI会导致码特别冗长,py挺好,但是max支持的是py2.7,而且max2016和max2017还有功能变动。。最后索..._maxset normals

js 中文分词-程序员宅基地

文章浏览阅读2.1k次。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>简单的中文分词</title> <meta name="author" content="" /> <meta http-equiv="X-UA-C..._js 中文分词

Layui中操作数据表格,给指定单元格添加事件_layui 表格单元格按钮绑定事件-程序员宅基地

文章浏览阅读8k次,点赞5次,收藏16次。最近入坑Layui这个为服务端程序员量身定做的前端框架。为什么不用vue结合各种流行前端框架Element、iView啊什么,后台大哥们不会啊!!!只好我来迁就他们呢,还得一点一点儿的学起来。当我们在操作数据表格的时候,并不是一定要点击表格工具栏中的“查看”按钮,来进行查看,而是点击某一特定的列来进行某些数据查看。例如下图这样。这就涉及到表格的自定义事件。代码如下:<table ..._layui 表格单元格按钮绑定事件

unity入门教程(非常详细)从零基础入门到精通,看完这一篇就够了_unity从零开始-程序员宅基地

文章浏览阅读297次。在新建完成后会在创建的目录下生成相关工程文件如图所示:Assets: 资源(场景脚本模型)Library: 库(系统)Logs: 日志Packages: 导入的包ProjectSettings: 工程设置Temp: 临时文件(文件过大可以删除部分缓存)UserSettings: 设置。_unity从零开始