- 制作自己的导航条。
-
HTML头部元素:
- <base> 定义了页面链接标签的默认链接地址
- <style> 定义了HTML文档的样式
h2 { background-color: coral; font-family: "Adobe 楷体 Std R"; align-content: space-between; } a { color: mediumvioletred; font-size: 30px; font-family: 'Operator Mono'; }
- <link> 定义了一个文档和外部资源之间的关系
行内样式表
内嵌样式表
<head>
<style type="text/css">
.red{color: darkred; font-family: "Adobe 繁黑體 Std B"} </style></head>
<li class="red">全职</li>
<li class="red">兼职</li> <li class="red">简历</li> <li class="red">行业</li>
外部样式表
<link rel="stylesheet" href="templates\lxx.css">
</head><nav style="background-color: coral"> <img src="http://img.58cdn.com.cn/logo/58/252_84/logo-o.png?v=2"> <a href="http://gz.58.com/">首页</a> <a href="http://gz.58.com/job.shtml?PGTID=0d100000-0000-3613-993b-49cdf3409c20&ClickID=3">招聘</a> <a href="http://gz.58.com/house.shtml?PGTID=0d100000-0000-3613-993b-49cdf3409c20&ClickID=1">房子</a> <input type="text" placeholder="输入你想找的内容"> <button type="submit">搜索</button></nav>
3.分别练习定义三类选择器:
HTML 选择器
CLASS 类选择器
ID 选择器
整体代码如下:
运行结果如下: