导航，头部，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>广州商学院</title>
    <link rel="stylesheet" type="text/css" href="177.css">
    <base href="http://www.gzcc.cn/2016/images/" target="_blank">
</head>
<body>
      <nav>
          <img src="footer1-logo.png">
          <a href="">学校概况</a>
          <a href="">教学单位</a>
          <a href="">管理服务</a>
          <a href="">招生就业</a>
          <a href="">国际教育</a>
          <a href="">继续教育</a>
          <a href="">党建工作</a>
          <input type="text" name="search">
          <button type="submit">搜索</button>
      </nav>
      <div>
          <p>应用型</p>
          <p class="textcyan">一校一园</p>
          <p id="tt" >国际化</p>
          <div/>
      <p>欢迎来到<span style="background-color: yellow; font-size: 50px" ;>广州商学院</span></p>
      <hr><br>

      <div id="container" style="width: 400px">
          <div id="header"
              style="background-color: antiquewhite" ><h2 align="center" style="margin-bottom: 0">登录</h2></div>
          <div id="content" style="background-color:aqua;height: 150px;width: 400px;float: left;">
          用户名：<input type="text" name="username" placeholder="请输入用户名"><br>
          密码：  <input type="text" name="password" placeholder="请输入密码"><br>
          <input type="radio" name="教师">教师 <input type="radio" name="学生">学生<br>
          <input type="button" value="确定">   <input type="button" value="重置"><br>
      </div>
          <div id="footer" style="background-color: antiquewhite;clear:both;text-align: center;">版权_zsy</div>
      </div>


</body>
</html>
      p{
    color:blue;
}
        .textcyan{
            color: cyan;
        }
        #tt {
            background-color: hotpink;
        }

posted @ 2017-10-17 18:46  088郑淑莹  阅读(140)  评论(0)    收藏  举报