导航，头部，CSS基础

  1. 制作自己的导航条。 
    <nav>
    <img src="https://p1.ssl.qhmsg.com/dr/220__/t015512ddbe7e900f7f.jpg"><br>
    <a href="">首页</a>
    <a href="">下载</a>
    <input type="text"name="search">
    <button type="submit">搜索</button>
    <a href="">登录</a>
    <a href="">注册</a>
</nav>

     

     

     

  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">
          <link rel="stylesheet" type="text/css" href="vic.css">
          <title>宋茜专题</title>
          <base href="https://baike.so.com/doc/1020327-1079144.html" target="_blank">

      </head>
      <body bgcolor="#696969">
      <h1> 宋茜是我女神！！！</h1>
      <img src="https://p1.ssl.qhmsg.com/t018f341f47056ee8e1.jpg"height="300"width="200">
      <a href="https://baike.so.com/doc/1020327-1079144.html">宋茜</a>

      <p>宋茜（Victoria），1987年2月2日出生于山东省青岛市，演员、歌手、主持人，f(x)组合队长。</p>
      <p class="textleft">宋茜（Victoria），1987年2月2日出生于山东省青岛市，演员、歌手、主持人，f(x)组合队长。
      <p id="a">宋茜（Victoria），1987年2月2日出生于山东省青岛市，演员、歌手、主持人，f(x)组合队长。

      <div>
             <p>宋茜最美！<span style="font-feature-settings:1; font-size: 30px;">不接受反驳!</span></p>
      </div>
      </body>
      </html>
      

      

      h1{
            color: lightpink
        }
 p{
            color: palegreen;
        }
 .textleft{
     color: antiquewhite;
 }
 #a{
     color: palevioletred;
 }
      

      

      

       
      



      

      

       
      

      4. 

    5. 







		

		
posted @ 
2017-10-17 21:32 
100彭楚殷 
阅读(151) 
评论(0) 
编辑 
收藏 
举报