html标签
- a标签/span标签
a标签:链接、下载、锚点
a标签四个伪类:link、visited、hover、active/包含选择器
span标签:区分样式“
<body>
<a href="http://www.baidu.com">百度</a>
</body>
link:未访问链接初始颜色
hover:鼠标移入
active:按下不动
visited:访问过后的链接颜色
<style>
a:link{
color:red;
}
a:visited{
color:pink;
}
a:hover{
color:red;
}
a:active{
color:plum;
}
</style>
- span标签
<style>
a{
color:blue;
text-decoration:none;
}
span{
color:red;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">
<span>百</span>度</a>
</body>
- 常见标签 a标签
<header></header>页眉 ,主要用于页面的头部信息介绍,也可用于板块头部
<nav></nav>导航(包含链接的一个列表)
<nav><a href="#">链接</a><a href="#">链接</a></nav>
<footer></footer> 页脚 页面的底部或者板块底部
<section></section>页面上的板块,用于划分页面上的不同区域或者划分文章里不同的节
<article></article>用来在页面中表示一套完整且独立的内容部分
<aside></aside>元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别于主要内容的部分
<time></time>用来表现时间或日期
<p>我们在早上<time>9:00</time>开始营业。</p>参数
<p>我在<time datetime="2020-09-08">情人节</time>有个约会</p>
- 常见标签 h 标签 h1到h6 标题
<h1>标题-logo</h1> 最好只有一个h1
<h2></h2>
<h3></h3>
<p>段落</p>
<strong>强调加粗</strong>
<em>斜体</em>
<ul>
<li>ul-无序列表</li> <li>列表项 ul下一级只能是li
</ul>
<ol>
<li>ol-有序列表</li> <li>列表项 ul下一级只能是li
</ol>
<dl>
<dt>自定义列表 dt 自定义列表title</dt> 只能有一个
<dd>自定义列表的列表项</dd> 可以有多个
</dl>
<mark>标记</mark>
- css reset
哪些样式需要重置?---border margin padding
例如::
<style>
body,h1,h2,h3,h4,h5,h6{
margin:0
}
ul,ol{
margin:0;
padding:0;
list-style:none
}
img{
border:none;
vertical-align:top;
}
</style>
<body>
<a href=" ">超链接</a>
<a href=" ">
<img src ="img/1.jpg" alt =" "/>
</body>