`
yacole
  • 浏览: 238287 次
  • 性别: 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基础知识word版

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

    css 即Cascading Style Sheets(层叠样式表) 基础教程

    第一章 CSS简介 第二章 CSS入门例子 第三章 CSS语法 第四章 CSS颜色 第五章 CSS背景 第六章 CSS文本 第七章 CSS字体 第八章 CSS边框 第九章 CSS边外补白 第十章 CSS边内补白 第十一章 CSS属性索引

    html5和css3入门到精通

    CSS3部分主要介绍了CSS3概述,CSS选择器,文本、字体与颜色,背景和边框,2D变形,设计动画,网页布局、用户界面以及CSS3的其他新特性。 内容涵盖了HTML5+CSS3的所有重要特性,通过大量实际案例对HTML5+CSS3的重要...

    HTML5+CSS3网站布局应用教程 (赵振方) 随书光盘

    《HTML5+CSS3网站布局应用教程》语言通俗易懂,案例丰富多彩,知识全面、指导性强,既可作为初学者入门书籍,也能帮助中级读者提高技能。适合前台Web设计人员、前端开发人员、网站建设及网络开发人员以及对HTML 5与...

    前端开发入门教程.zip

    前端开发入门教程 一、前言 前端开发是构建和呈现网页或应用程序用户界面(UI)的过程。它涉及到HTML、CSS和JavaScript的使用,以及与浏览器、服务器和其他前端技术的交互。本教程将帮助你入门前端开发,从基础...

    html、CSS自学教程课件、(含源码)各种手册\资料齐全

    学习网页制作,html,css入门的好资料……绝对给力,这也是我学习的教程!资料齐全,一定是您学习的好资料!!!

    CSS+DIV从入门到精通

    使用选择器是件美妙的事 id的名称是控制某一内容块的手段,通过给这个内容块套上DIV并加上唯一的id,你就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等

    CSS 背景

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color ...CSS中,颜色值通常以以下方式定义: 十六进制 – 如:”#ff0000″ RGB – 如:”rgb(255,0,0)” 颜色名称

    使用CSS3实现SVG路径描边动画效果入门教程

    不依赖javascript,直接使用纯css实现 svg 的描边绘制动画效果,效果演示动画。 基础知识: SVG中有个比较重要的属性分支 stroke ,中文软件中称为“描边”。和stroke相关的属性还有下面这些: 1、 stroke 表示...

    html+css基础学习入门教程标记语言——网页应用CSS样式

    现在要来探讨四种把CSS应用到文档上的不同做法,每个方法都有自己的优缺点,根据情况而定,四种方法都有可能是最佳选择.这边示范的每个方法都是用了合法的XHTML 1.0 Transitional 语法结构,标签以及配置. 新建一个前端...

    CSS3 教程

    CSS3 教程 CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 本教程向您讲解 CSS3 中的新特性。   ...CSS3 参考手册 在软件开发网中,我们提供完整的 CSS3 参考手册,包括所有属性和选择器...CSS 颜色参考手册

    HTML+CSS布局

    HTML和CSS结合入门. 在上面的例子中,我们首先在页面内放了一个class为box的div,而在它的内部又放了一个class为boxhead的div。为了便与观察,我们为div添加了背景颜色。下面我们来看看对这两个div定义的前面教程中...

    个人写真图片相册pbootcms网站模板{内附安装教程}

    4、附带测试数据、安装教程、入门教程、安全及备份教程。5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求:语言程序:PHP + SQLite,前端规范:html+css+jQuery,设备支持:PC端+手机端。 ...

    CSS 边框

    CSS边框属性允许你指定一个元素边框的样式和颜色。 在四边都有边框   红色底部边框   圆角边框   左侧边框带宽度,颜色为蓝色 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的...

    CSS3 渐变(Gradients)

    CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的...

    CSS 轮廓(outline)

    CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。...CSS outline 属性规定元素轮廓的样式、颜色和宽度。 所有CSS 轮廓(outline)属性 “CSS

    情感新闻资讯类网站源码pbootcms模板{内附安装教程}

    4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求 语言程序:PHP + SQLite 前端规范:html+css+jQuery 设备支持:PC端+手机端 程序...

    宠物店宠物饲养育种培训机构类源码pbootcms模板{内附安装教程}

    4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等,修改更加方便。 配置需求 语言程序:PHP + SQLite 前端规范:html+css+jQuery 设备支持:PC端+手机端 程序...

Global site tag (gtag.js) - Google Analytics