当前位置: 首页 > news >正文

网站一直不被百度收录市场推广方案模板

网站一直不被百度收录,市场推广方案模板,电话手表网站,五网合一网站建设CSS 颜色 CSS 中的颜色可以通过以下方法指定: 十六进制颜色带透明度的十六进制颜色RGB 颜色RGBA 颜色HSL 颜色HSLA 颜色预定义/跨浏览器的颜色名称使用 currentcolor 关键字 十六进制颜色 用 #RRGGBB 规定十六进制颜色,其中 RR(红色&…

CSS 颜色

CSS 中的颜色可以通过以下方法指定:

  • 十六进制颜色
  • 带透明度的十六进制颜色
  • RGB 颜色
  • RGBA 颜色
  • HSL 颜色
  • HSLA 颜色
  • 预定义/跨浏览器的颜色名称
  • 使用 currentcolor 关键字

十六进制颜色

用 #RRGGBB 规定十六进制颜色,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的成分(分量)。所有值必须在 00 到 FF 之间。

例如,#0000ff 值呈现为蓝色,因为蓝色分量设置为最高值(ff),其他分量设置为 00。

实例

定义不同的 HEX 颜色:

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:#ff0000;}
#p2 {background-color:#00ff00;}
#p3 {background-color:#0000ff;}
#p4 {background-color:#ffff00;}
#p5 {background-color:#ff00ff;}
</style>
</head>
<body><h1>HEX 颜色</h1>
<p>用#RRGGBB指定十六进制颜色,其中RR(红色),GG(绿色)和BB(蓝色)十六进制整数指定颜色的组成部分。所有值必须在00到FF之间。</p><p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">黄色</p>
<p id="p5">樱桃色</p></body>
</html>

带透明度的十六进制颜色

用 #RRGGBB 规定十六进制颜色。如需增加透明度,请在 00 和 FF 之间添加两个额外的数字。

实例

定义带透明度的 HEX 颜色:

RGB 颜色

RGB 颜色值由 rgb() 函数规定,语法如下:

rgb(red, green, blue)

每个参数(redgreenblue)定义颜色的强度,可以是 0 到 255 之间的整数或百分比值(从 0% 到 100%)。

例如,值 rgb(0,0,255) 呈现为蓝色,因为 blue 参数设置为其最高值(255),其他参数设置为 0。

此外,以下值定义相同的颜色:rgb(0,0,255) 和 rgb(0%,0%,100%)。

实例

定义不同的 RGB 颜色:

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:rgb(255,0,0);}
#p2 {background-color:rgb(0,255,0);}
#p3 {background-color:rgb(0,0,255);}
#p4 {background-color:rgb(192,192,192);}
#p5 {background-color:rgb(255,255,0);}
#p6 {background-color:rgb(255,0,255);}
</style>
</head>
<body><h1>RGB 颜色</h1>
<p>RGB 颜色值通过 rgb() 函数来规定:rgb(red, green, blue)</p>
<p>每个参数(红色,绿色和蓝色)定义颜色的强度,并且可以是 0 到 255 之间的整数或百分比值(从 0% 到 100%)。</p><p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">灰色</p>
<p id="p5">黄色</p>
<p id="p6">樱桃色</p></body>
</html>

RGBA 颜色

RGBA 颜色值是 RGB 颜色值的扩展,它带有 Alpha 通道 - 指定对象的不透明度。

RGBA 颜色通过 rgba() 函数规定,语法如下:

rgba(red, green, blue, alpha)

alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。

实例

定义带有不透明度的不同 RGB 颜色:

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:rgba(255,0,0,0.3);}
#p2 {background-color:rgba(0,255,0,0.3);}
#p3 {background-color:rgba(0,0,255,0.3);}
#p4 {background-color:rgba(192,192,192,0.3);}
#p5 {background-color:rgba(255,255,0,0.3);}
#p6 {background-color:rgba(255,0,255,0.3);}
</style>
</head>
<body><h1>带不透明度的 RGB 颜色</h1>
<p>RGBA 颜色值是带有 Alpha 通道的 RGB 颜色值的扩展 - 它指定对象的不透明度。</p><p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">灰色</p>
<p id="p5">黄色</p>
<p id="p6">樱桃色</p></body>
</html>

HSL 颜色

HSL 指的是色相(hue)、饱和度(saturation)和亮度(lightness)- 代表颜色的圆柱坐标表示。

使用 hsl() 函数指定 HSL 颜色值,该函数的语法如下:

hsl(hue, saturation, lightness)

 

色相是色轮上的度数(从 0 到 360)- 0(或 360)是红色,120 是绿色,240 是蓝色。

饱和度是一个百分比值; 0% 表示灰色阴影,而 100% 是全彩色。

亮度也是一个百分比; 0% 是黑色,100% 是白色。

实例

定义不同的 HSL 颜色:

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:hsl(120,100%,50%);}
#p2 {background-color:hsl(120,100%,75%);}
#p3 {background-color:hsl(120,100%,25%);}
#p4 {background-color:hsl(120,60%,70%);}
#p5 {background-color:hsl(290,100%,50%);}
#p6 {background-color:hsl(290,60%,70%);}
</style>
</head>
<body><h1>HSL 颜色</h1>
<p>HSL 代表色相\饱和度和明度 - 表示颜色的圆柱坐标表示。</p>
<p>HSL 颜色值通过 hsl() 函数来指定 :hsl(hue, saturation, lightness)</p>
<p>色相(Hue)是色轮上的度数(从 0 到 360)- 0(或 360)是红色,120 是绿色,240 是蓝色。饱和度(Saturation)是一个百分比值; 0% 表示灰色阴影,而 100% 是全彩色。亮度(Lightness)也是一个百分比; 0% 是黑色,100% 是白色。</p><p id="p1">绿色</p>
<p id="p2">浅绿色</p>
<p id="p3">深绿色</p>
<p id="p4">柔绿色</p>
<p id="p5">紫色</p>
<p id="p6">淡紫色</p></body>
</html>

HSLA 颜色

HSLA 颜色值是 HSL 颜色值的扩展,它带有 Alpha 通道 - 指定对象的不透明度。

HSLA 颜色值由 hsla() 函数指定,该函数的语法如下:

hsla(hue, saturation, lightness, alpha)

alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。

实例

定义带有不透明度的不同 HSL 颜色:

 

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:hsla(120,100%,50%,0.3);}
#p2 {background-color:hsla(120,100%,75%,0.3);}
#p3 {background-color:hsla(120,100%,25%,0.3);}
#p4 {background-color:hsla(120,60%,70%,0.3);}
#p5 {background-color:hsla(290,100%,50%,0.3);}
#p6 {background-color:hsla(290,60%,70%,0.3);}
</style>
</head>
<body><h1>带不透明度的 HSL 颜色</h1>
<p>HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 - 它指定了对象的不透明度。</p><p id="p1">绿色</p>
<p id="p2">浅绿色</p>
<p id="p3">深绿色</p>
<p id="p4">柔绿色</p>
<p id="p5">紫色</p>
<p id="p6">淡紫色</p></body>
</html>

预定义/跨浏览器的颜色名称

HTML 和 CSS 颜色规范中预定义了 140 个颜色名称。

例如:blueredcoralbrown 等:

实例

定义不同的颜色名:

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color: blue;}
#p2 {background-color: red;}
#p3 {background-color: coral;}
#p4 {background-color: brown;}
</style>
</head>
<body><h1>预定义的颜色名称</h1>
<p>HTML 和 CSS 颜色规范中预定义了 140 个颜色名称。这些只是其中的一些:</p><p id="p1">蓝色</p>
<p id="p2">红色</p>
<p id="p3">珊瑚色</p>
<p id="p4">棕色</p></body>
</html>

 

currentcolor 关键字

currentcolor 关键字引用元素的 color 属性值。

实例

以下 <div> 元素的边框颜色将为蓝色,因为 <div> 元素的文本颜色为蓝色:

<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {color: blue;border: 10px solid currentcolor;
}
</style>
</head>
<body><h1>currentcolor 关键字</h1>
<p>currentcolor 关键字引用元素的 color 属性的值。</p>
<p>下面的 div 元素的边框颜色将为蓝色,因为 div 元素的文本颜色为蓝色:</p><div id="myDIV">
这个 div 元素有蓝色文本颜色和蓝色边框。
</div></body>
</html>

http://www.zhongyajixie.com/news/24624.html

相关文章:

  • 如何购买网站网络营销讲师
  • 巩义网站建设公司域名备案官网
  • 成都知名网站推广网络营销策划的基本原则是什么
  • 怎么自己做淘宝客网站seo建站优化
  • wordpress links插件网站免费seo
  • b2c网站模板磁力蜘蛛
  • Wordpress球队网站免费模板
  • 珠海澳门网站建设公司哪家好软文广告经典案例300大全
  • 深圳公司宣传片制作排名优化课程
  • 公主坟网站建设互联网营销的方法
  • 外贸公司网站怎么设计更好成全视频免费观看在线看
  • dedecms 网站还原数据之后 乱码发布新闻最快的网站
  • 织梦网站描述百度高级搜索指令
  • wordpress建站教程交友百度浏览器下载官方免费
  • 手机注册贷款网站泰州网站优化公司
  • wordpress获取文章title专业seo网站
  • 网站根目录多文件互联网论坛
  • 网站面包屑导航怎么做的国家卫生健康委
  • 网站开发原型网站域名解析ip
  • h5能做网站开发吗百度收录时间
  • 哪里可以做网站系统免费创建个人网站
  • wordpress 博客 简书百度seo和sem
  • 西安网站开发公司排行榜爱站网关键词挖掘查询
  • 北京网站建设方案报价百度seo推广计划类型包含
  • 企业门户网站开发品牌运营推广方案
  • 网站代做如何做好网上销售
  • 婚纱摄影的网站怎么做推广引流app
  • 沧州网站优化河南网站推广那家好
  • 仪征网站建设域名地址查询
  • 网站改版 升级的目的排名优化关键词