<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>信息安全与反诈技术研究协会</title>
</head>
<body text="#d8caaf"bgcolor="#e0ffff">
<h1 align="left">信息安全基础</h1>
<h2 align="left">反诈技术基础</h2>
<p> </p>
</body>
<body>
<div class="top">
<h1>信息安全基础</h1>
<p>信息安全是通过采用计算机技术、网络技术、密钥技术等安全技术和各种组织管理措施,来保护信息在其神秘周期内的产生、传输、交换、处理和存储的各个环节中,信息的机密性、完整性和可用性不被破坏。</p>
</div>
<div class="nav">
<p>影响: 国家安全,组织系统的正常运行和发展,个人隐私。</p>
</div>
<div class="search"><div class="search bar7">
<form>
<input type="text" placeholder="请输入您要搜索的内容...">
<button type="submit"></button>
</form>
</div></div>
<div class="content">
<ul>
<li>
<a href="https://baike.baidu.com/item/%E4%B8%83%E8%A8%80%E5%BE%8B%E8%AF%97"><h3>可用性(availability)</h3>
<p>确保授权的用户对数据和资源进行及时和可靠的访问。 网络由众多长时间不间断运行的硬件设备和软件组成,硬件设备像路由器、交换机、DNS服务器、DHCP服务器、代理和防火墙等,而软件则包含操作系统、应用程序和反病毒软件等。我们要在保证这些硬件及软件正常运行的同时还有很多物理因素可能影响资源 的可用性如环境因素(大火、洪水、通风、电力等问题)、潜在的自然灾害和物理偷窃或攻击等,由此可见要保证数据和资源的可用性也不是件容易的事 保证可用性的一些控制措施如下:
RAID(磁盘阵列, Redundant Arrays of Independent Disks) 集群 负载均衡 冗余电源 数据备份 磁盘镜像 异地备份 快照功能 故障切换</p>
<div></div>
</a>
</li>
h3,h1{
color:red;
/*background: #ccb594;*/
}
/*1标签选择符*/
body{
background: rgba(237, 207, 214, 0.87);
color: #ff8c6e;
}
/*2类选择符*/
.green, .add, h2{
color:green;
}
/*3id选择符*/
#yellow{
color:yellow;
}
/*4伪类选择符*/
a{
text-decoration: none;
border: 4px solid #ff8c6e;
border-radius: 5px;
padding: 5px;
}
a:visited, a:link{
color: #ff8c6e;
}
a:hover{
color: rgba(237, 207, 214, 0.87);
background:#ff8c6e;
}
a:active{
color: red;
}
/*派生选择符*/
p i{
font-size: 50px;
font-weight: bold;
}
index.html
***********
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="layout.css">
</head>
<body>
<div class="redcolor">
abcdefg
</div>
<div class="bluecolor">
ABCDEFG
</div>
</body>
</html>
layout.css
**********
.redcolor{
width: 200px;
height: 200px;
background-color: red;
/*padding: 15px 10px 5px 0px;*/
padding: 15px;
margin: 15px;
/*border: 10px solid yellow;*/
border: 15px dashed yellow;
border-radius: 15px;
}
.bluecolor{
width: 200px;
height: 200px;
background-color:blue;
padding: 15px;
}
body{
margin: 0;
padding: 0;
}
index.html
**********
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="layout.css">
</head>
<body>
<div class="top">
</div>
<div class="middle">
<div class="middle-left"></div>
<div class="middle-center"></div>
<div class="middle-right"></div>
</div>
<div class="bottom">
</div>
</body>
</html>
layout.css
**********
body{
margin: 0;
padding: 0;
}
.top{
width: 100%;
height: 120px;
background: red;
}
.middle{
width: 100%;
height: 600px;
background: #2f4a80;
}
.bottom{
width: 100%;
height: 200px;
background: #e563ff;
}
.middle-left{
width: 25%;
height: 100%;
background: #ff4887;
float: left;
}
.middle-center{
width: 50%;
height: 100%;
background: #ffed79;
float: left;
}
.middle-right{
width: 25%;
height: 100%;
background: #42ffb9;
float: left;
}