`

HTML&CSS基础学习笔记1.30-颜色的表达

    博客分类:
  • HTML
阅读更多

颜色的表述

在网页中的颜色设置是非常重要,CSS的属性有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:

 

1、英文命令颜色

前面几个知识点中经常用到的就是这种设置方法:

p{color:green;}  

2、RGB颜色

这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。

p{color:RGB(0,255,0);}  

每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:

p{color:RGB(0,100%,0);}  

3、十六进制颜色

这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。

p{color:#00FF00;}  

更多学习内容,就在码芽网www.mayacoder.com

看一段css代码:

/*给p元素添加背景颜色*/
p{
background-color:#fffa21;
color:#f58055;
}

更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index

 

  • 大小: 7.2 KB
分享到:
评论

相关推荐

    HTML&CSS基础自学笔记---实现静态网页

    HTML和CSS是构建网页的基础,它们分别负责网页的内容结构和样式设计。HTML(HyperText Markup Language)是一种标记语言,用于定义网页的结构和意义。CSS(Cascading Style Sheets)则用于控制网页的布局和视觉效果...

    html&css;韩顺平笔记---HTML部分.ppt

    本课件为韩顺平老师的HTML CSS JS 课程中的笔记整理,注意是截图版的 如需要下载文字版的请绕道 估计网上也找不到文字版的 本教程适合电脑复习用的

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    HTML CSS JS 学习、git-笔记.zip

    HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...

    HeadFirst HTML&CSS学习笔记.zip

    CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记Head...

    学习html&css的笔记.zip

    css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&amp...

    jihong10102006#blog#07、CSS基础笔记02----对齐方式1

    title: 07、CSS基础笔记02----对齐方式tags: CSDN迁移上对齐中对齐下对齐。

    HTML-CSS-JS 学习.zip

    HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 ...

    html&css;学习14-浮动.html

    html&css; 学习14 的源码 主要内容为浮动,包含三个html

    HTML-CSS-JS学习-01百度登录界面练习.zip

    HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度...

    HTML & CSS设计与构建网站 完整中文版带目录.pdf

    个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除! 前言 v 第1章 结构 1 第2章 文本 29 第3章 列表 51 第4章 链接 63 第5章 图像 83 第6章 表格 115 第7章 表单 133 第8章 其他...

    html+css前端学习笔记.zip

    html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    JavaWeb新版教程-html&CSS-L和CSS-标题标签h1 - h6.avi

    JavaWeb新版教程-html&CSS-L和CSS-标题标签h1 - h6.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS介绍.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS介绍.avi

    html与css的学习笔记与练习.zip

    html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...

    JavaWeb新版教程-html&CSS-L和CSS-css常用样式.avi

    JavaWeb新版教程-html&CSS-L和CSS-css常用样式.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS语法介绍.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS语法介绍.avi

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    JavaWeb新版教程-html&CSS-L和CSS-font标签.avi

    JavaWeb新版教程-html&CSS-L和CSS-font标签.avi

Global site tag (gtag.js) - Google Analytics