HTML颜色表示

网页中的颜色有三种表示方法

  • 颜色单词:blue、green、red、yellow
  • 10进制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
  • 16进制表示:#ff0000、#00ff00、#0000ff

自然界中,所有颜色都可以用三种光的不同波长混合而成。这三种光就是红光、绿光、蓝光。

在计算机中,每个基色,用8位二进制(2^8=256)’,那么RGB共可以表示256*256*256=1670万色。

用16进制表示颜色时:用2位十六进制代表1位基色

颜色单词:red             green            blue

10进制:rgb(255,0,0)          rgb(0,255,0)           rgb(0,0,255)           rgb(255,255,0)

16进制:#ff0000         #00ff00          #0000ff

注意:10进制兼容性不好,尽量少用。10进制颜色表示常用于CSS做文字透明显示。

计算机进制(了解)

所谓“进制”就是一种“进位制”,“逢X进一”;

计算机只能识别二进制的东西,二进制也就是“机器语言”;

计算机中的磁盘上的文件、内存中运行的数据,都是以“二进制”形式存在的。

如:11101000001010010010

10进制:有10个基本数字0、1、2、3、4、5、6、7、8、9,运算规则“逢10进1”;如:9+1=10

2进制:有2个基本数字0、1,运算规则:逢二进一:如:(101)2+(1)2=(110)2

8进制:有8个基本数字0、1、2、3、4、5、6、7,逢八进一:如:(677)8+(1)8=700(8)

8进制可以很好的反应二进制,也就是:八进制和二进制之间转换非常容易。

转换规则:1位8进制数,代表3位二进制。

例如:(110101100)2转成八进制

16进制:有16个基本数字0、1、2、3、4、5、6、7、8、9、A(10)、B、C、D、E、F(15)

运算规则:逢16进1。如(A2F)16+1=(A30)16

也是因为二进制太长了,不方便记忆,因此有了16进制。

16进制和2进制之间,也有很好的对用关系

转换规则:1位16进制,代表4位2进制

例如:(A0F)16 转成二进制(1010 0000 1111)2

10进制

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

8进制

0

1

2

3

4

5

6

7

10

11

12

13

14

15

16

17

20

21

16进制

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

10

11

2进制

0

1

10

11

100

101

110

111

1000

1001

1010

1011

1100

1101

1110

1111

10000

10001

锚点链接

  • 含义:锚点链接,是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。
  • 定义锚点(作个记号):<a name=”锚点名称”> </a>

u  锚点名称的命名规则:可以包含字母、下划线,但只能以字母开头。

u  注意:<a>和</a>之间没有内容,换句话说:这个记号不是让我们看的,而是给链接用的。

u  例如:<a name=“top2”></a>

  • 跳转到锚点(记号):

u  语法:<a href=”文件名#锚点名称”>………</a>

u  文件名:可有可无,如果是同一个网页的不同部分跳转,不需要文件名;如果是跳到另一个网页的不同部分,这时必须要有文件名。

u  注意:这里的<a>和</a>要有内容,否则,无法进行跳转。

u  例如:<a href=“#top2”>返回顶部</a>  //跳转到同一个网页的不同部分

u  例如:<a href=”news.html#bottom”>返回底部</a>  //跳转到news.html文件的底部

复习HTML+CSS(4)的更多相关文章

  1. 复习HTML+CSS(5)

    n  <meta>标记 <meta>的主要作用,是提供网页的源信息.比如:指定网页的搜索关键字 <meta>标记有两个属性:http-equiv和name. 1. ...

  2. 复习HTML+CSS(9)

    n  CSS简介 CSS:Cascading Style Sheets 层叠样式表 CSS的主要目的:是给HTML标记添加各种各样的表现(格式.样式).比如:文字样式.背景.文本样式.链接样式. 提示 ...

  3. 2018.1.15复习_ css+js

    [1]几个常见的css标签:--------------------------------------------------background-color; 设置背景颜色background-p ...

  4. 复习HTML+CSS(3)

    n  超级链接 l  语法格式:<a 属性 = "值">---</a> l  常用属性: n  Href:目标文件的地址URL,该URL可以是相对地址,也可 ...

  5. 复习HTML+CSS(2)

    n  项目符号嵌套编号思路 标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n  图片标记(行内元素,单边标记) l  语法:<img 属性 = "值"&g ...

  6. 复习HTML+CSS(6)

    n  表格和表单的嵌套顺序 n  单行文本域 语法格式:<input type="text" 属性="值"> 常用属性 l  Name:文本框的名字 ...

  7. 复习HTML+CSS(8)

    n  普通框架 框架技术:将一个浏览器划分成若干个小窗口,每个小窗口显示一个独立的网页. 框架集合框架页 u  框架集<frameset>:主要用来划分窗口的. u  框架页<fra ...

  8. 复习HTML+CSS(7)

    n  HTML 注释 <--! 注释内容 --> 注意:注释内容不会显示,注释是为了将来维护方面. n  图片热点(图像地图) 图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一 ...

  9. Jquery 搭配 css 使用,简单有效

    前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-/ ...

随机推荐

  1. Spring源码学习:第1步--在Spring源码中添加最简单的Demo代码

    为了最大程度地贴近Spring源码并进行学习,一种比较直接的做法是:直接在Spring源码中加入Demo代码,并进行调试. 参照以前使用Spring的经验,Spring最简单的使用方法是:一个实体类. ...

  2. 用jquery实现日期控件

    用jquery实现的日期控件,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  3. Mac环境下使用VSCode搭建Go开发环境

    换新工作啦!!!开心一下.到了新公司一看,乖乖,全MAC办公,让我这只用过windows的土包子怎么活,而且公司的人都好高冷,于是自己摸索着搭建go语言开发环境了. go语言的ide挺多的,JetBr ...

  4. modal verbs(一)

    什么是modal verb?翻译成中文就是情态动词. modal的意思是模式的,情态的,形式的.Bootstrap中的模态框就是这个词modal. 情态动词翻译挺准确的,就是表达说话人的情绪,态度或语 ...

  5. 1-3 Spring Bean 的属性值设置

    详见http://www.cnblogs.com/chenssy/archive/2013/03/17/2964593.html 1.注入普通的属性值 <bean id="Cat&qu ...

  6. 快速失败机制--fail-fast

    fail-fast 机制是Java集合(Collection)中的一种错误机制.当多个线程对同一个集合的内容进行操作时,就可能会产生fail-fast(快速失败)事件.例如:当某一个线程A通过iter ...

  7. 变量对象VO与活动对象AO

    变量对象VO 变量对象VO是与执行上下文相关的特殊对象,用来存储上下文的函数声明,函数形参和变量.在global全局上下文中,变量对象也是全局对象自身,在函数上下文中,变量对象被表示为活动对象AO. ...

  8. 【译】Java、Kotlin、RN、Flutter 开发出来的 App 大小,你了解过吗?

    现在开发 App 的方式非常多,原生.ReactNative.Flutter 都是不错的选择.那你有没有关注过,使用不同的方式,编译生成的 Apk ,大小是否会有什么影响呢?本文就以一个最简单的 He ...

  9. Linux命令 ls -l s输出内容含义详解

    1. ls  只显示文件名或者文件目录 2. ls -l(这个参数是字母L的小写,不是数字1) 用来查看详细的文件资料 在某个目录下键入ls -l可能会显示如下信息: 文件属性(占10个字符空间)  ...

  10. C#中的String类

    一.String类的方法 1. Trim():清除字符串两端的空格 2. ToLower():将字符串转换为小写 3. Equals():比较两个字符串的值,bool 4. IndexOf(value ...