代码改变世界

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;
        }