`
yacole
  • 浏览: 238954 次
  • 性别: 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入门教程.pdf

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

    css入门教程.pdf

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

    CSS入门基础经典教程

    **CSS入门基础经典教程** **一、CSS简介** 在网页设计中,CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS控制了网页元素的布局、颜色、...

    css入门-绝对经典

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

    CSS入门教程 (3).docx

    【CSS入门教程】 CSS,全称层叠样式表(Cascading Style Sheets),是一种用于定义网页元素呈现方式的语言。它的核心理念是将内容与样式分离,使得网页的设计更加灵活和可维护。通过CSS,我们可以控制HTML元素的...

    Div+CSS布局自学入门教程.pdf

    《Div+CSS布局自学入门教程》是一份详细的技术文档,主要针对初学者,旨在教授如何使用Div和CSS进行网页布局设计。Div(Division)是HTML中的一个区块元素,常用于组织网页内容,而CSS(Cascading Style Sheets)则...

    css基础教程(经典)

    《CSS基础教程》是一本适合初学者入门的指导书籍,由ningzhisheng编写,并在JavaEye社区分享。本文将详细解析其中的核心知识点,帮助读者理解CSS的基础概念和应用。 1. **CSS基础与应用** CSS(Cascading Style ...

    李炎恢HTML_CSS教程.pdf

    * CSS入门:CSS概述、选择器、样式规则 * CSS选择器:标签选择器、类选择器、ID选择器、属性选择器 * CSS颜色与度量单位:颜色表示、度量单位 * CSS文本样式:字体、文字颜色、文字装饰、文字对齐 * CSS盒模型:盒...

    CSS入门教程 (2).pdf

    【CSS入门教程】这篇教程是针对想要学习CSS的初学者准备的,旨在帮助读者快速掌握CSS的基本概念和应用。CSS,全称为级联样式表(Cascading Style Sheets),是用于控制网页元素呈现方式的一种样式表语言。它使得网页...

    css基础-梦之都教学

    初学者可以通过观看CSS入门视频教程来快速上手。这些教程通常会从简单的CSS选择器和属性开始,逐步引导学习者创建基本的样式规则。 **3. CSS语法** - **外部引用CSS**:通过`<link>`标签在HTML文件中引入外部CSS...

    CSS入门教程[归纳].pdf

    【CSS入门教程】这篇PDF教程主要面向初学者,旨在教授如何使用CSS进行网页设计。CSS,全称为级联样式表(Cascading Style Sheets),是一种用于控制网页元素外观和布局的语言。通过CSS,设计师可以独立于HTML内容来...

    html&css入门基础知识点.pdf

    HTML和CSS基础知识点 ...可以使用CSS来定义HTML元素的样式,例如字体、颜色、背景图片、边框等。CSS还支持选择器、伪类和媒体查询等高级功能。 HTML和CSS是构建网页的基础技术,它们共同定义了网页的结构和样式。

    Div+CSS布局入门教程

    【Div+CSS布局入门教程】是一篇针对初学者的网页设计指南,主要讲解如何使用Div和CSS进行网页布局。在开始学习这篇教程之前,需要具备一定的HTML基础知识,因为Div是HTML中的一个元素,而CSS则是用于样式化这些元素...

    jQuery入门指南教程--是新手最好的选择

    总的来说,jQuery 入门指南教程覆盖了从基本的 DOM 操作到复杂的 AJAX 请求和动画效果,以及插件开发。通过实践这些例子,你将能够熟练地运用 jQuery 编写出高效、简洁的 JavaScript 代码,提高网页开发效率。继续...

    css基础知识word版

    CSS初级教程包括:CSS语法,CSS颜色,CSS文本与CSS字体,CSS边框,CSS列表等基础知识. CSS高级教程包括:CSS选择符,CSS相关特性,CSS盒模式,标准网页设计与页面排版,CSS伪类与伪元素等. 通过梦之都的CSS教程,你将学会怎样...

    《HTML5+CSS3网站设计基础教程》-教学大纲.pdf

    《HTML5+CSS3网站设计基础教程》是一门旨在教授计算机相关专业学生如何设计和构建现代网页的专业基础课程。这门课程涵盖了从HTML5的基本概念到CSS3的高级特性的全面知识,旨在培养学生的网页设计技能,使他们能够...

    《HTML5+CSS3网站设计基础教程》-教学大纲.doc

    **三、CSS3入门** 1. **CSS3发展历史**:了解CSS从早期版本到CSS3的演进,以及CSS3在现代网页设计中的地位。 2. **CSS3浏览器支持**:熟悉不同浏览器对CSS3特性的支持情况,以确保设计的跨平台兼容性。 3. **CSS基础...

Global site tag (gtag.js) - Google Analytics