`
ningzhisheng
  • 浏览: 12258 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS教程3 CSS的color颜色

阅读更多

css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。

Example Source Code [www.52css.com]
red红色
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00
  有17个预先确定的颜色,它们是:
  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
  olive, orange, purple, red, silver, teal, white, and yellow.
  transparent 也是一个正确的值。

  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。

  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。

  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。

color和background-color

  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
  蓝色背景,黄色文字:

Example Source Code [www.52css.com]
h1 {
    color: yellow;
    background-color: blue;
}
  这些颜色可能比较粗糙,你可以使用另外的色度:

Example Source Code [www.52css.com]
body {
    font-size: 0.8em;
    color: navy;
}
h1 {
    color: #ffc;
    background-color: #009;
}
  你可以看到h1已经变成黄色和蓝色。
  color和background-color可以使用在绝大部分html元素,包括body。
分享到:
评论

相关推荐

    超详细CSS教程

    2. **属性和值**:CSS由属性(如颜色、字体大小等)和相应的值组成,定义元素的样式。 3. **盒模型**:理解CSS盒模型至关重要,它包括内容、内边距、边框和外边距,影响元素的总尺寸。 4. **布局方式**:包括流体...

    全面了解CSS内置颜色(color)值

    在实际应用中,你可以将这些颜色值应用于CSS中的`color`和`background-color`属性,来改变元素的文本颜色和背景颜色。例如: ```css h1 { color: yellow; /* 文本颜色为黄色 */ background-color: blue; /* 背景...

    CSS教程(CHM格式),含多个css教程

    **CSS教程概述** CSS,全称为“Cascading Style Sheets”,中文译为“层叠样式表”,是用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档样式的样式表语言。它允许将样式信息与文档内容分离,使得网页设计...

    CSS教程(实例大全)

    - **属性与值**:CSS规则由属性和对应的值组成,如`color: red;`表示设置文本颜色为红色。 - **优先级**:CSS的优先级规则决定了样式的应用顺序,内联样式(`style="..."`)> ID选择器 > 类选择器/属性选择器/伪类...

    css+html+css颜色对照表

    颜色混合(color blending)也是CSS2.0的一个亮点,允许元素之间进行颜色的混合处理。 在实际应用中,CSS2.0的盒模型(Box Model)概念对于布局至关重要。它定义了一个元素的总尺寸,包括边框(border)、内填充...

    CSS经典教程.pdf

    ### CSS经典教程知识点总结 #### 一、CSS简介与基础知识 - **CSS**:层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。 - **作用**:用于控制HTML元素的样式和布局,帮助实现...

    CSS教程(ppt)

    **CSS教程(PPT)** **一、CSS简介** CSS(Cascading Style Sheets)层叠样式表,是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS能够让你独立于内容来控制网页的布局,使网页...

    CSS基础教程PDF

    ### CSS基础教程知识点详解 #### 一、CSS简介 **CSS**,全称为 **Cascading Style Sheets**(级联样式表),是一种用于定义HTML文档布局的语言。它可以帮助开发者更好地控制网页的外观,如字体、颜色、间距、大小...

    html+css教程.rar

    "css教程.exe"则可能是CSS的学习软件,包含教程、示例和练习,帮助学习者掌握CSS的基本概念和语法。这可能包括选择器的用法、盒模型的理解、布局技术(如Flexbox和Grid)、动画和过渡效果的实现,以及如何创建响应式...

    css颜色代码大全

    CSS 颜色代码大全 CSS 颜色代码大全是指在 CSS 中使用的颜色代码大全,用于定义网页中的颜色样式。本大全收录了多种常用的颜色代码,包括基本颜色、暖色系、冷色系等,每种颜色代码都对应着一个十六进制代码,方便...

    css教程,CSS编写

    **CSS(Cascading Style Sheets)教程** CSS,即层叠样式表,是网页设计中不可或缺的一部分,用于控制网页元素的样式、布局和呈现。它让网页内容与表现分离,提高了网页的可读性和可维护性。这个"css教程"显然是...

    CSS教程【CSS样式CSS滤镜】CHM版

    **CSS(层叠样式表)教程** CSS,全称Cascading Style Sheets,是一种用于描述网页及用户界面外观和表现的样式语言。它与HTML或XML等标记语言一起使用,可实现内容与表现的分离,使得网页设计更加灵活且易于维护。 ...

    CSS教程(免费版).pdf

    【CSS教程】 CSS,全称Cascading Style Sheets,是一种用于定义网页中元素样式的技术。它让网页设计者能够精确地控制页面布局,包括字体样式、背景色、元素排列方式、尺寸、边框等。CSS的发展始于1997年,由W3C...

    CSS背景颜色例子

    CSS3引入了`background-blend-mode`属性,允许你控制不同背景颜色或图像之间的混合效果。例如: ```css div { background-color: red; background-image: linear-gradient(blue, green); background-blend-mode:...

    CSS3红橙黄绿不同颜色按钮

    本主题聚焦于“CSS3红橙黄绿不同颜色按钮”的实现,旨在教你如何利用CSS3的特性创建四种不同颜色——红色、橙色、黄色和绿色的按钮,提升网页界面的视觉吸引力。 首先,我们需要理解CSS3的基本结构。一个CSS3样式...

    CSS入门教程.pdf

    CSS控制网页元素的布局、视觉样式和排版,如字体、颜色、大小、间距、背景等。通过分离内容和表现,CSS使得网页设计更加灵活,易于维护,同时提高了可访问性和适应性。 在CSS入门阶段,了解以下几个关键概念至关...

    css颜色搭配大全

    3. 单色调搭配:通过改变同一颜色的明度或饱和度来创建层次感,既保持一致,又能产生变化。 4. 分裂互补色搭配:选择一个颜色的互补色(色轮上相对的两种颜色)的邻色,如蓝色与橙黄和黄绿,平衡又富有活力。 5. ...

    css入门教程.pdf

    CSS的核心在于它能赋予网页精致、个性化的布局,包括字体、颜色、大小、间距、背景、定位等多个方面。CSS的出现解决了早期HTML布局混乱的问题,使得网页设计更加灵活且易于维护。 CSS的工作原理基于选择器和声明。...

Global site tag (gtag.js) - Google Analytics