复习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文件的底部
复习HTML+CSS(4)的更多相关文章
- 复习HTML+CSS(5)
n <meta>标记 <meta>的主要作用,是提供网页的源信息.比如:指定网页的搜索关键字 <meta>标记有两个属性:http-equiv和name. 1. ...
- 复习HTML+CSS(9)
n CSS简介 CSS:Cascading Style Sheets 层叠样式表 CSS的主要目的:是给HTML标记添加各种各样的表现(格式.样式).比如:文字样式.背景.文本样式.链接样式. 提示 ...
- 2018.1.15复习_ css+js
[1]几个常见的css标签:--------------------------------------------------background-color; 设置背景颜色background-p ...
- 复习HTML+CSS(3)
n 超级链接 l 语法格式:<a 属性 = "值">---</a> l 常用属性: n Href:目标文件的地址URL,该URL可以是相对地址,也可 ...
- 复习HTML+CSS(2)
n 项目符号嵌套编号思路 标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n 图片标记(行内元素,单边标记) l 语法:<img 属性 = "值"&g ...
- 复习HTML+CSS(6)
n 表格和表单的嵌套顺序 n 单行文本域 语法格式:<input type="text" 属性="值"> 常用属性 l Name:文本框的名字 ...
- 复习HTML+CSS(8)
n 普通框架 框架技术:将一个浏览器划分成若干个小窗口,每个小窗口显示一个独立的网页. 框架集合框架页 u 框架集<frameset>:主要用来划分窗口的. u 框架页<fra ...
- 复习HTML+CSS(7)
n HTML 注释 <--! 注释内容 --> 注意:注释内容不会显示,注释是为了将来维护方面. n 图片热点(图像地图) 图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一 ...
- Jquery 搭配 css 使用,简单有效
前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-/ ...
随机推荐
- Java安装和环境变量配置
一.Java的安装 1.下载合适的版本,安装jdk和jre到同一路径下的同一文件夹下,例如:都安装在 E:\Java: 备注: JDK:Java Development Kit : JRE: Ja ...
- (floyd)佛洛伊德算法
Floyd–Warshall(简称Floyd算法)是一种著名的解决任意两点间的最短路径(All Paris Shortest Paths,APSP)的算法.从表面上粗看,Floyd算法是一个非常简单的 ...
- 上传到 App Store 时出错。
Try this, it fixed it for me. Open Terminal and run: cd ~ mv .itmstransporter/ .old_itmstransporte ...
- Nginx 开启gzip 压缩,实现基于域名的虚拟主机。
一:gzip(GNU-ZIP)是一种压缩技术. 经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多. gzip 的压缩页面需要浏览器和服务器双方都支持,实际上 ...
- 手把手 git建立仓库,远程推拉及常用git命令和部分Linux命令集锦
方法一:直接在GitHub上建立一个项目,然后git clone (git address name): 此时已经建立好了一个git仓库: cd 文件夹 > 添加文件进去 >git add ...
- selenium2自动化测试学习笔记(四)
今天是学习selenium2第四天.总结下今天的学习成果,自动登录网易邮箱并写信发送邮件. 知识点or坑点: 1.模块化编写测试模块(类似java里的抽象方法,js的函数编写) from 包名 imp ...
- CountDownLatch 使用说明
CountDownLatch是一种java.util.concurrent包下一个同步工具类,它允许一个或多个线程等待直到在其他线程中一组操作执行完成. CountDownLatch的用法非常简单,下 ...
- 【RabbitMQ系列】队列、绑定、交换器
队列: 从概念上来讲,AMQP消息路由必须有三部分:交换器.队列和绑定.生产者把消息发布到交换器上:消息最终到达队列,并被消费者接收:绑定决定了消息如何从路由器路由到特定的队列. 消费者通过以下两种方 ...
- C第九次博客作业--指针
一.PTA实验作业 题目1:两个4位正整数的后两位互换 1. 本题PTA提交列 2. 设计思路 3.代码截图 本题调试过程碰到问题及PTA提交列表情况说明 刚开始想到的交换是令t=a;a=b;b=t这 ...
- Alpha阶段报告-hywteam
一.Alpha版本测试报告 1. 在测试过程中总共发现了多少Bug?每个类别的Bug分别为多少个? BUG名 修复的BUG 不能重现的BUG 非BUG 没能力修复的BUG 下个版本修复 文件路径的表示 ...