<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>作业</title>
<style type="text/css">
.two{
color: #333;
}
.txt{
width:250px
height:200px
}
div{
/* */
margin-bottom: 10px;
text-align: center;
}
form{
text-align: center
}
/* 在定义样式的时候一般不建议去使用ID名,ID名一般留给JS效果或者后台取数据 */
</style>
</head>
<body>
<div style="text-align: center;"><img src="img/0K_RG(CX~2KW1V4R)%60QD$45.png" ></div>
<div>
<a href="#">新闻</a>
<a href="#" class="two">网页</a>
<a href="#">贴吧</a>
<a href="#">知道</a>
<a href="#">音乐</a>
<a href="#">图片</a>
<a href="#">视频</a>
<a href="#">地图</a>
</div>
<form action="" method="post">
<input type="text" class="txt" />
<input type="submit" value="百度一下" class="btn"/>
</form>
</body>
</html>
单词回顾:
div:大盒子
span:小盒子
display:设置类型转换
incline:行内
block:块
incline-block:行内块
!inportant:将当前样式权重提升至最高
audio:音频标签
soure:加载资源的单标签
autoplay:自动播放
controls:播放控件
loop:循环播放
video:视频标签
link:引入一个外部css文件
rel:设置为stylesheet表示样式表
font-size:大小
font-weight:粗细
font-family:字体名称
line-height:行高
text-align:center