css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。
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"。
蓝色背景,黄色文字:
css 代码
- h1 {
- color: yellow;
- background-color: blue;
- }
这些颜色可能比较粗糙,你可以使用另外的色度:
css 代码
- body {
- font-size: 0.8em;
- color: navy;
- }
- h1 {
- color: #ffc;
- background-color: #009;
- }
你可以看到h1
已经变成黄色和蓝色。
color
和background-color
可以使用在绝大部分html元素,包括body
。
分享到:
相关推荐
这个“CSS基础教程”涵盖了CSS的快速入门、编写方法、属性、定位以及滤镜等核心概念,旨在帮助初学者掌握网页设计的基本技能。 1. CSS快速入门: CSS的引入是为了分离内容(HTML)和表现(样式)。通过在HTML文档...
这个压缩包文件“CSS入门教程-自学必备”显然是一份专为初学者设计的资源集合,帮助他们掌握CSS的基础知识。下面我们将深入探讨CSS的相关知识点。 首先,我们要理解CSS的核心概念。CSS允许我们将样式与结构分离,这...
### 免费的CSS初级教程知识点总结 #### CSS简介与作用 - **分离内容与表现**:CSS(层叠样式表)的主要优势在于它能够将网页的内容与表现形式分离,这意味着开发者可以在不影响网页结构的情况下单独修改其外观。...
本教程主要针对CSS的初级学习者,通过一系列章节来逐步介绍这一强大的样式语言。 ### 第一章:CSS基本概念 #### 第一节:什么是CSS - **HTML标志与属性**:HTML标签用于结构化网页内容,例如`<p>`定义段落,`<h1>...
《CSS3+HTML5+从入门到精通》是一本针对初学者和有一定基础的学习者编写的全面教程,旨在帮助读者掌握这两个现代Web开发的核心技术。HTML5和CSS3是构建现代网页和应用程序不可或缺的工具,它们带来了丰富的交互性和...
**CSS(层叠样式表)教程** 在网页设计领域,CSS(Cascading Style Sheets)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的语言。CSS使得网页的呈现与结构分离,让设计者可以更加灵活地控制...
在CSS入门阶段,了解以下几个关键概念至关重要: 1. **CSS基本语法**: - CSS选择器:选择器用于匹配HTML或XML文档中的元素,如`h1`、`p`等,或者根据类名、ID等属性进行选择。 - 属性:定义元素的样式属性,如`...
CSS的核心在于它能赋予网页精致、个性化的布局,包括字体、颜色、大小、间距、背景、定位等多个方面。CSS的出现解决了早期HTML布局混乱的问题,使得网页设计更加灵活且易于维护。 CSS的工作原理基于选择器和声明。...
**CSS(层叠样式表)**是网页设计中不可或缺的一部分...总的来说,这个CSS教程宝典是初学者入门和进阶者提升技能的理想资源。通过学习和实践,你将能够创建美观、响应式的网页设计,并掌握CSS这一强大的网页样式语言。
### CSS初级教程知识点详解 #### 一、CSS基础概念与作用 **CSS**(层叠样式表,Cascading Style Sheets)是一种用于定义网页样式、布局的语言,它能够有效地将网页的内容与表现形式分离,使得网页更加易于维护和...
《DIV+CSS入门教程》是一本专为初学者设计的电子书,旨在帮助读者快速掌握网页布局和样式设计的核心技术。在网页开发中,DIV(Division)和CSS(Cascading Style Sheets)是构建现代网页界面的重要工具。本书通过...
### CSS经典教程知识点详解 #### 一、CSS简介与基础知识 - **CSS定义**:CSS全称为层叠样式表(Cascading Style Sheets),是一种用来描述HTML或XML文档外观及格式的语言。它允许用户控制页面布局、字体、颜色等...
【div+css入门教程】 网页布局是Web开发中的核心部分,而`div+css`是实现这一目标的主要技术。Div(层)是HTML中的一个通用容器元素,它用于组织页面内容,而CSS(层叠样式表)则用来控制这些元素的外观和布局。本...
### CSS初级教程 1. **应用CSS到HTML中**: - **内联样式**:通过在HTML元素的`style`属性中直接写CSS代码,如`;">文本</p>`。 - **内部样式表**:在HTML文档的`<head>`部分使用`<style>`标签定义样式,这些样式...