导航，头部，CSS基础

制作自己的导航条。

<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>

HTML头部元素：
1. <base> 定义了页面链接标签的默认链接地址
2. <style> 定义了HTML文档的样式文件
3. <link> 定义了一个文档和外部资源之间的关系
练习样式表：
1. 行内样式表
2. 内嵌样式表
3. 外部样式表

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

HTML 选择器
CLASS 类选择器

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;
 }

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

刷新页面返回顶部

100彭楚殷

导航，头部，CSS基础

公告