导航，头部，CSS基础

  1. 制作自己的导航条。
  2. HTML头部元素：
    1. <base>  定义了页面链接标签的默认链接地址
    2. <style>  定义了HTML文档的样式
    3. <link>  定义了一个文档和外部资源之间的关系
  3. 练习样式表：
    1. 行内样式表
    2. 内嵌样式表
    3. 外部样式表
  4. 分别练习定义三类选择器：
    1. HTML 选择器
    2. CLASS 类选择器
    3. ID 选择器 
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HSIANG</title>
    <link rel="stylesheet" href="181.css">
</head>
<body>
<nav>
    <img src="https://p.ssl.qhimg.com/dmsmfl/120_75_/t01f1c1fcde817e381f.webp?size=180x180&phash=-4387855251230897349" width="100">
    <a href="https://www.zhihu.com/"target="_blank"><h2>知乎官网</h2></a>
    <input type="text" ></input>
    <button type="submit">搜索</button>
</nav>
<p>与世界分享你的知识</p>
<p>与世界分享你的知识</p>
<p>与世界分享你的知识</p>
<h1 class="t">知乎</h1>
<h2><span id="commentcount">友好</span>　理性</h2>
</body>
</html>
      p{
            color:red;
        }
        text{
            backgroundcolor:blue;
        }
        #commentcount{
            color: yellow;
        }

       

posted @ 2017-10-18 21:48  003蒋宇翔  阅读(136)  评论(0)  编辑  收藏  举报