- 制作自己的导航条。
- HTML头部元素:
- <base> 定义了页面链接标签的默认链接地址
- <style> 定义了HTML文档的样式
- <link> 定义了一个文档和外部资源之间的关系
- 练习样式表:
- 行内样式表
- 内嵌样式表
- 外部样式表
- 分别练习定义三类选择器:
- HTML 选择器
- CLASS 类选择器
- ID 选择器
<!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;
导航,头部,CSS基础
原文地址:http://www.cnblogs.com/Betty18/p/7689473.html