作业15——导航,头部,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>BIUBIUBIU</title>
{#    <base>  定义了页面链接标签的默认链接地址#}
    <base href="" target="_blank">
{#    <link>  定义了一个文档和外部资源之间的关系#}
    <link rel="stylesheet" href="style.css">
    <style>
        .l{background-color: bisque;font-family: 楷体;color: brown}
        #k{color: cadetblue;font-family: "Freestyle Script";font-size: 150px}
    </style>
</head>
<body>
<nav>

     <a href="http://localhost:59137/aaa/templates/lx.html?_ijt=piaotqep9pl034qe7m6iulfk3j">
        <img src="http://img.qq1234.org/uploads/allimg/140530/0959191046-157.png" width="30px" height="30px"></a>
    <a href="https://baike.so.com/doc/1975803-2090971.html">百科</a>
    <input type="text" style="background-color: antiquewhite">
    <select name="" id=""></select>
    <button type="submit">搜索</button>
</nav>
<h1 class="ml">喵喵喵?</h1>
<h2 style="font-family: 方正姚体">嘿嘿嘿~</h2>
<h3>shuashua<span id="k">shua</span>shuashua</h3>
</body>
</html>
.kl{background-color: darkslategray;color: transparent}
.mm{font-size: 100px}
/*外部样式表*/

 

 
posted @ 2017-10-18 20:11  lililililililli  阅读(152)  评论(0编辑  收藏  举报