导航，头部，CSS基础 



    

  1. 制作自己的导航条。
    2. 

  2. HTML头部元素：
      

    1. <base>  定义了页面链接标签的默认链接地址
      2. 

    2. <style>  定义了HTML文档的样式
      3. 

    3. <link>  定义了一个文档和外部资源之间的关系
      4. 

    3. 

  3. 练习样式表：
      

    1. 行内样式表
      2. 

    2. 内嵌样式表
      3. 

    3. 外部样式表
      4. 

    4. 

  4. 分别练习定义三类选择器：
      

    1. HTML 选择器
      2. 

    2. CLASS 类选择器
      3. 

    3. ID 选择器
      4. 

    5. 




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <base href="http://www.gzcc.cn/2016/images/banner.png" target="_blank">

</head>
<body>


<nav>
    <a herf=""><img src="http://www.gzcc.cn/2016/images/banner.png"></a>
    <a href="www.gzcc.cn">首页</a>
    <input type="text" name="search">
    <button type="submit">搜索</button>
    <a herf="">登录</a>
    <a herf="">注册</a>
    <span style="background-color:green">登录</span>
</nav>
</body>
</html>








<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="10.181.css">

</head>
<body>
     <P class="textblue">校园资讯</P>
     <h1 class="textblue">校园资讯</h1>
     <h3><span id="commentcount">1218</span>评论</h3>

</body>
</html>






 p{
        color:blue;
        }
        .textblue{
        color:blue;
        }
        #commentcount{
            background-color:#FFD700;






 






	
posted on 
2017-10-18 22:25 
133陈贝 
阅读(130) 
评论(0) 
 
收藏 
举报












    
    

    
    

    

        

    

        

            
                
                
            
        

    

    
    

    

    











	
		

			
			
                
                    

			

                    

	




    博客园  ©  2004-2025


    浙公网安备 33010602011771号
    浙ICP备2021040463号-3