`
yacole
  • 浏览: 241008 次
  • 性别: Icon_minigender_1
  • 来自: 浙江科技学院
社区版块
存档分类
最新评论

CSS初级教程(三)- 颜色

阅读更多

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。

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

color和background-color

颜色可以使用colorbackground-color,是美国英语中"color"不是"colour"。

蓝色背景,黄色文字:

css 代码
  1. h1 {   
  2.  coloryellow;   
  3.  background-colorblue;   
  4. }   

这些颜色可能比较粗糙,你可以使用另外的色度:

css 代码
  1. body {   
  2.  font-size: 0.8em;   
  3.  colornavy;   
  4. }   
  5. h1 {   
  6.  color#ffc;   
  7.  background-color#009;   
  8. }   

你可以看到h1已经变成黄色和蓝色。

colorbackground-color可以使用在绝大部分html元素,包括body

分享到:
评论

相关推荐

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜 

    这个“CSS基础教程”涵盖了CSS的快速入门、编写方法、属性、定位以及滤镜等核心概念,旨在帮助初学者掌握网页设计的基本技能。 1. CSS快速入门: CSS的引入是为了分离内容(HTML)和表现(样式)。通过在HTML文档...

    CSS入门教程-自学必备

    这个压缩包文件“CSS入门教程-自学必备”显然是一份专为初学者设计的资源集合,帮助他们掌握CSS的基础知识。下面我们将深入探讨CSS的相关知识点。 首先,我们要理解CSS的核心概念。CSS允许我们将样式与结构分离,这...

    免费的CSS初级教程下载

    ### 免费的CSS初级教程知识点总结 #### CSS简介与作用 - **分离内容与表现**:CSS(层叠样式表)的主要优势在于它能够将网页的内容与表现形式分离,这意味着开发者可以在不影响网页结构的情况下单独修改其外观。...

    CSS初级教程,ppt,....

    本教程主要针对CSS的初级学习者,通过一系列章节来逐步介绍这一强大的样式语言。 ### 第一章:CSS基本概念 #### 第一节:什么是CSS - **HTML标志与属性**:HTML标签用于结构化网页内容,例如`<p>`定义段落,`<h1>...

    CSS3+HTML5+从入门到精通-PDF中文教程

    《CSS3+HTML5+从入门到精通》是一本针对初学者和有一定基础的学习者编写的全面教程,旨在帮助读者掌握这两个现代Web开发的核心技术。HTML5和CSS3是构建现代网页和应用程序不可或缺的工具,它们带来了丰富的交互性和...

    css(层叠样式表)教程--4个chm

    **CSS(层叠样式表)教程** 在网页设计领域,CSS(Cascading Style Sheets)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的语言。CSS使得网页的呈现与结构分离,让设计者可以更加灵活地控制...

    CSS入门教程.pdf

    在CSS入门阶段,了解以下几个关键概念至关重要: 1. **CSS基本语法**: - CSS选择器:选择器用于匹配HTML或XML文档中的元素,如`h1`、`p`等,或者根据类名、ID等属性进行选择。 - 属性:定义元素的样式属性,如`...

    css入门教程.pdf

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

    CSS教程宝典-内含大量实例源代码

    **CSS(层叠样式表)**是网页设计中不可或缺的一部分...总的来说,这个CSS教程宝典是初学者入门和进阶者提升技能的理想资源。通过学习和实践,你将能够创建美观、响应式的网页设计,并掌握CSS这一强大的网页样式语言。

    CSS初级教程适合初学者

    ### CSS初级教程知识点详解 #### 一、CSS基础概念与作用 **CSS**(层叠样式表,Cascading Style Sheets)是一种用于定义网页样式、布局的语言,它能够有效地将网页的内容与表现形式分离,使得网页更加易于维护和...

    《DIV+CSS入门教程》

    《DIV+CSS入门教程》是一本专为初学者设计的电子书,旨在帮助读者快速掌握网页布局和样式设计的核心技术。在网页开发中,DIV(Division)和CSS(Cascading Style Sheets)是构建现代网页界面的重要工具。本书通过...

    css经典教程 css电子书

    ### CSS经典教程知识点详解 #### 一、CSS简介与基础知识 - **CSS定义**:CSS全称为层叠样式表(Cascading Style Sheets),是一种用来描述HTML或XML文档外观及格式的语言。它允许用户控制页面布局、字体、颜色等...

    div+css入门教程

    【div+css入门教程】 网页布局是Web开发中的核心部分,而`div+css`是实现这一目标的主要技术。Div(层)是HTML中的一个通用容器元素,它用于组织页面内容,而CSS(层叠样式表)则用来控制这些元素的外观和布局。本...

    css入门-绝对经典

    ### CSS初级教程 1. **应用CSS到HTML中**: - **内联样式**:通过在HTML元素的`style`属性中直接写CSS代码,如`;">文本</p>`。 - **内部样式表**:在HTML文档的`<head>`部分使用`<style>`标签定义样式,这些样式...

Global site tag (gtag.js) - Google Analytics