导航,头部,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>GZCC</title>
<link rel="stylesheet" type="text/css" href="c1.css">
</head>
<body>
<nav>
<a href=""><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1508395389347&di=cb892ad3e07cc9cbf679986ef7f2b820&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F019e5e55490a410000019ae9257d7c.jpg" width="88" height="36">首页</a>
<a href="http://www.gzcc.cn/">下载</a>
<input type="text" ></input>
<button type="submit">搜索</button>
<a href="">登录</a>
<a href="">注册</a>
</nav>
</body>
<p>喜迎十九大</p>
<b class="c1">不忘初心</b>
<d id="c2">继续前进</d>
</body>
</html>


</html>

p{
            color:red;
        }
        .c1{
            color:yellow;
        }
        #c2{
            color:aquamarine;
        }

 

posted @ 2017-10-19 12:04  004熊锋阳  阅读(112)  评论(0编辑  收藏  举报