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教程17 CSS的优先级特性Specificity
2010-07-22 12:00 744如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规 ... -
CSS教程16 CSS的伪元素Pseudo Elements
2010-07-22 11:59 685伪元素吸附在选择上和pseudo classes伪类很像,像这 ... -
CSS教程15 CSS的At-Rules@规则
2010-07-22 11:58 722At-rules分装不同的CSS规 ... -
CSS教程14 CSS网页布局Page Layout
2010-07-22 11:57 835使用CSS布局非常简单,如果你习惯使用tables布局,可能开 ... -
CSS教程13 CSS的display属性
2010-07-22 11:56 757操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式 ... -
CSS教程12 CSS的Background Images 背景图片
2010-07-22 11:56 954背景图片Background Images有许多属性可以操作。 ... -
CSS教程11 CSS的属性缩写
2010-07-22 11:55 658一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 ... -
CSS教程10 CSS的Pseudo Classes 伪类
2010-07-22 11:54 609请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以 ... -
CSS教程9 CSS的Grouping and Nesting分组和嵌套
2010-07-22 11:53 465Grouping 分组 当许多选择器有同样属性时,可以使 ... -
CSS教程8 CSS的Class以及ID选择器
2010-07-22 11:52 668前面的学习我们仅仅使用HTML选择器(在HTML页面里为htm ... -
CSS教程7 CSS属性结合起来使用
2010-07-22 11:51 717如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处 ... -
CSS教程6 CSS的Border边框
2010-07-22 11:48 626CSS Borders 边框 边框可以运用到body里的 ... -
CSS教程5 Margin和Padding
2010-07-22 11:45 617margin和padding用来隔开元素,margin是隔开元 ... -
CSS教程4 CSS的Text 文本
2010-07-22 11:44 711有一系列属性可以改变网页文字的大小和形状,概要如下: fon ... -
CSS教程2 选择器 、属性、值
2010-07-22 11:41 727HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的 ... -
CSS教程1CSS的应用
2010-07-22 11:37 682CSS教程 1、CSS的应用 一、In-line 行内 ...
相关推荐
2. **属性和值**:CSS由属性(如颜色、字体大小等)和相应的值组成,定义元素的样式。 3. **盒模型**:理解CSS盒模型至关重要,它包括内容、内边距、边框和外边距,影响元素的总尺寸。 4. **布局方式**:包括流体...
在实际应用中,你可以将这些颜色值应用于CSS中的`color`和`background-color`属性,来改变元素的文本颜色和背景颜色。例如: ```css h1 { color: yellow; /* 文本颜色为黄色 */ background-color: blue; /* 背景...
**CSS教程概述** CSS,全称为“Cascading Style Sheets”,中文译为“层叠样式表”,是用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档样式的样式表语言。它允许将样式信息与文档内容分离,使得网页设计...
- **属性与值**:CSS规则由属性和对应的值组成,如`color: red;`表示设置文本颜色为红色。 - **优先级**:CSS的优先级规则决定了样式的应用顺序,内联样式(`style="..."`)> ID选择器 > 类选择器/属性选择器/伪类...
颜色混合(color blending)也是CSS2.0的一个亮点,允许元素之间进行颜色的混合处理。 在实际应用中,CSS2.0的盒模型(Box Model)概念对于布局至关重要。它定义了一个元素的总尺寸,包括边框(border)、内填充...
### CSS经典教程知识点总结 #### 一、CSS简介与基础知识 - **CSS**:层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。 - **作用**:用于控制HTML元素的样式和布局,帮助实现...
**CSS教程(PPT)** **一、CSS简介** CSS(Cascading Style Sheets)层叠样式表,是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS能够让你独立于内容来控制网页的布局,使网页...
### CSS基础教程知识点详解 #### 一、CSS简介 **CSS**,全称为 **Cascading Style Sheets**(级联样式表),是一种用于定义HTML文档布局的语言。它可以帮助开发者更好地控制网页的外观,如字体、颜色、间距、大小...
"css教程.exe"则可能是CSS的学习软件,包含教程、示例和练习,帮助学习者掌握CSS的基本概念和语法。这可能包括选择器的用法、盒模型的理解、布局技术(如Flexbox和Grid)、动画和过渡效果的实现,以及如何创建响应式...
CSS 颜色代码大全 CSS 颜色代码大全是指在 CSS 中使用的颜色代码大全,用于定义网页中的颜色样式。本大全收录了多种常用的颜色代码,包括基本颜色、暖色系、冷色系等,每种颜色代码都对应着一个十六进制代码,方便...
**CSS(Cascading Style Sheets)教程** CSS,即层叠样式表,是网页设计中不可或缺的一部分,用于控制网页元素的样式、布局和呈现。它让网页内容与表现分离,提高了网页的可读性和可维护性。这个"css教程"显然是...
**CSS(层叠样式表)教程** CSS,全称Cascading Style Sheets,是一种用于描述网页及用户界面外观和表现的样式语言。它与HTML或XML等标记语言一起使用,可实现内容与表现的分离,使得网页设计更加灵活且易于维护。 ...
【CSS教程】 CSS,全称Cascading Style Sheets,是一种用于定义网页中元素样式的技术。它让网页设计者能够精确地控制页面布局,包括字体样式、背景色、元素排列方式、尺寸、边框等。CSS的发展始于1997年,由W3C...
CSS3引入了`background-blend-mode`属性,允许你控制不同背景颜色或图像之间的混合效果。例如: ```css div { background-color: red; background-image: linear-gradient(blue, green); background-blend-mode:...
本主题聚焦于“CSS3红橙黄绿不同颜色按钮”的实现,旨在教你如何利用CSS3的特性创建四种不同颜色——红色、橙色、黄色和绿色的按钮,提升网页界面的视觉吸引力。 首先,我们需要理解CSS3的基本结构。一个CSS3样式...
CSS控制网页元素的布局、视觉样式和排版,如字体、颜色、大小、间距、背景等。通过分离内容和表现,CSS使得网页设计更加灵活,易于维护,同时提高了可访问性和适应性。 在CSS入门阶段,了解以下几个关键概念至关...
3. 单色调搭配:通过改变同一颜色的明度或饱和度来创建层次感,既保持一致,又能产生变化。 4. 分裂互补色搭配:选择一个颜色的互补色(色轮上相对的两种颜色)的邻色,如蓝色与橙黄和黄绿,平衡又富有活力。 5. ...
CSS的核心在于它能赋予网页精致、个性化的布局,包括字体、颜色、大小、间距、背景、定位等多个方面。CSS的出现解决了早期HTML布局混乱的问题,使得网页设计更加灵活且易于维护。 CSS的工作原理基于选择器和声明。...