美文网首页
web自动化_js

web自动化_js

作者: testerPM | 来源:发表于2020-01-08 20:48 被阅读0次

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>



相关文章

网友评论

      本文标题:web自动化_js

      本文链接:https://www.haomeiwen.com/subject/bqfgoctx.html