代码改变世界

14

2017-10-18 21:37  019王泽  阅读(197)  评论(0)    收藏  举报
  1. 制作自己的导航条。
  2. HTML头部元素:
    1. <base>  定义了页面链接标签的默认链接地址
    2. <style>  定义了HTML文档的样式
    3. <link>  定义了一个文档和外部资源之间的关系
  3. 练习样式表:
    1. 行内样式表
    2. 内嵌样式表
    3. 外部样式表
  4. 分别练习定义三类选择器:
    1. HTML 选择器
    2. CLASS 类选择器
    3. ID 选择器
      <nav>
          <a href="http://tianqi.2345.com/heyuan/59293.htm">
              <img src="http://i1.sinaimg.cn/dy/c/2009-09-25/U3107P1T1D18725871F1394DT20090925105817.jpg" width="50">
          </a>
          <a href="http://www.4399.com/">首页</a>
          <input type="text">
          <button >搜索</button>
          <select>
              <option>放松</option>
              <option>学习</option>
              <option>疑问</option>
          </select>
      </nav>
      

        

      <!DOCTYPE html>
      <html lang="en">
      <head>
          <meta carset="UTF-8">
          <title>Title</title>
          <link href="122.css" rel="stylesheet">
      </head>
      <body>
      <p>广州商学院</p>
      <h1 class="sc">gfsgsgsgsdf</h1>
      <h3><span id="sd">4546</span>评论</h3>
      </body>
      </html>
      

        

       p{
                  color: blue;
              }
              .sc{
                  color: brown;
              }
              #sd {
                  background-color: red;
              }