web自动化_js
2020-01-08 本文已影响0人
testerPM
javaScript是可插入html页面的编程代码
轻量级，功能强大编程语言
因特网上最流行的脚本语言
使用示例：
脚本位置：
位于<script type="text/javascript"></script> 标签之间
<body>和<head>(推荐)中
示例：
<script type="text/javascript">alert("hello world)</script>
下面代码有问题-----css样式发生了改变---why?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度一下，你就知道</title>
<style type="text/css">
.head{
background: blue;
color:white;
text-align: center;
padding: 5px;
}
.left{
line-height: 30px;
background-color: #eeeeee;
height: 300px;
width: 100px;
float: left;
padding: 5px;
}
.middle{
width: 350px;
float: left;10px
padding:
}
.foot{
background-color: blue;
color: white;
clear: both
text-align:center;
padding: 5px;
}
</style>
<script type="text/javascript">
alert("hello world")
</script>
</head>
<body>
<div class="head">
<h1>我要在顶部</h1>
</div>
<div class="left">
<h1>我要在左部</h1>
<div class="middle">
<h1>我要在中间</h1>
</div>
<div class="foot">
<h1>我要在底部</h1>
</div>
</body>
</html>
