导航，头部，CSS基础

标签：put   联系我们   .text   doc   bsp   box   头部   har   html   

1. 制作自己的导航条。
2. HTML头部元素：
   1.   定义了页面链接标签的默认链接地址
   3.   定义了一个文档和外部资源之间的关系
3. 练习样式表：
   1. 行内样式表
   2. 内嵌样式表
   3. 外部样式表
4. 分别练习定义三类选择器：
   1. HTML 选择器
   2. CLASS 类选择器
   3. ID 选择器

      DOCTYPE html>
      html lang="en">
      head>
          meta charset="UTF-8">
          title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibilititle>
      base href="https://www.bilibili.com/"target="_blank">
          link rel="stylesheet"type="text/css"href="171.css">
          style type="text/css">
      p {     color: red;
       }
              .textblue{
                  color: orange;
              }
              #a{
                  color: blue;
              }
      
      #tt{
      color:#FFD700;
      }
      .x1{
          color: red;
      }
      
      style>
      head>
      body>
      
      nav>
          img class="c-img c-img6" src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2810627290,1080409091&fm=58&s=8197C732C535FA313E526557030030BB&bpow=121&bpoh=75" style="height:75px;"width=200>br>
          img alt="" src="//i0.hdslb.com/bfs/archive/5188bbd59587dfe13d7efbc5866f823abb2c623a.jpg@440w_220h.webp"width=500,height=500>br>
          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>
      h1>span style="background-color:yellow;font-size: larger"; fon>blibli欢迎您h1>
      p>p>
      div  id="container" style="width:400px " >
          div id="header" style="background-color:deepskyblue;">h2 align="center" style="margin-bottom:0;">登录h2>div>
      
          div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;">
              form action="">
                  Username:input type="text" name="user">br>
                  Password:input type="password" name="password">
                 form>br>
          input type="radio" name="role" value="stu">student
          input type="checkbox" name="vehicle" value="Bike">teacher
      form>
                  br>
                  input type="button" value="login">
                  input type="button" value="cancel">
              form>
      
      
          div>
          div id="footer" style="background-color:deepskyblue;clear:both;text-align:center;">版权 ? Marsdiv>
      
      div>
      
      hr>
       p id="a">常见问题p>
      p class="textblue">联系我们p>
      p>用户意见p>
      p>span style="background-color: gold;font-family: ‘Helvetica Neue‘, Helvetica, Arial, sans-serif;font-size: 50px">哔哩哔哩 (゜-゜)つロ 干杯~-bilibilispan>p>
      
      
      body>
      html>

      

导航，头部，CSS基础

标签：put   联系我们   .text   doc   bsp   box   头部   har   html   

原文地址：http://www.cnblogs.com/marsk/p/7683923.html