导航，头部，CSS基础 

<!DOCTYPE html>
<html lang="en">

<nav>
<img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268/sign=bba363d8d343ad4ba62e41c6ba035a89/8718367adab44aed4ce32099b11c8701a18bfb1a.jpg" width="64px">
<a href="http://www.weather.com.cn/">天气预报官网</a>
   <input type="text" placeholder="请输入查询地区">
    <button type="submit">搜索</button>

    <div>
    <button type="submit"><p align="right">注册</p></button>
    <button type="submit"><p align="right">登录</p></button>
     </div>


</nav>


<head>
    <meta charset="UTF-8">
    <title>天气预报官网</title>
</head>
<body>
<h1>天气查询平台</h1>
</body>
</html>

  <base href=""target="_blank">

    <style>

        p{
            color: red;
        }
        h{
            color: aqua;
        }



    </style>

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Mis问答平台</title>
    <base href=""target="_blank">
<
    <style>

       #mj{
            color: red;
        }
        .cs{
            color: aqua;
        }

    </style>
    
</head>
<body>
<h1>天气查询平台</h1>
<h2><span id="mj">十九大胜利召开</span></h2>

<p>十九大胜利召开</p>
<p>十九大胜利召开</p>
<h3 class="cs">十九大报告带来新希望</h3>

</body>
</html>
{#        1  .HTML 选择器#}
          p {
              color: blue;
          }
  {#        2  .CLASS 类选择器#}
         .starone {
             color: red;
         }
  {#        3  .ID 选择器#}
        #content {
            color: green;
        }

 

 

posted @ 2017-10-18 22:12  008马佳槟  阅读(78)  评论(0)  编辑  收藏  举报