复习HTML+CSS（4）

n  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做文字透明显示。

 

n  计算机进制（了解）

所谓“进制”就是一种“进位制”，“逢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

 

n  锚点链接

• 含义：锚点链接，是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。
• 定义锚点（作个记号）：<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文件的底部