Em相对单位,在没有CSS规定的情况下,html默认1em=16px;
<!DOCTYPE>声明标签,告诉浏览器文档所使用的规范是什么,没有结束标签,一个文档只能有一个。
<html>html(Hyper Text Markup Lauguage)的总标签,告诉浏览器这个文档就是html文档,并且每个页面只能有一个。
<meta/>提供页面的相关信息,详情见专栏!
<title>一是为了表述网页内容,一个页面只能有一个,二是为了Su的优化,百度搜索关键词。
<head>头部标签,包含了文档的相关信息,在浏览器中不显示,且每个页面中只能有一个。
<style>头部样式
<link>链接外部样式
<body>身体标签,包含了所有超文本内容,一个页面只能有一个。
块级元素
<h1>标题标签,默认加粗,大小32像素,自带上下外边距,一个页面只能有一个。
<h2>——<h6>标题标签,默认加粗,自带上下外边距,一个页面可以有多个。
<p>段落标签,自带上下外边距。
<ul>/<li>列表标签,作为父子级关系组合使用,且中间决不允许出现其他元素
<ul>自带上下外边距,以及40像素的左内边距。
<li>自带小黑点。<li>中可以嵌套子菜单。
<div>division分割
内联元素
<strong>强调标签,自带加粗效果
<em>强调标签,自带斜体标签
<a>变身后,<a>元素会变为超链接标签/锚点。
<a href="#"></a>超链接标签
target="_blank"新开一个窗口
鼠标悬停状态:a:hover{}
去掉下划线text-decoration:none;
如果要定义超文本内容的字体样式,在包裹超文本的标签中写,不要在父元素中写,不然一些样式如color会失效。
<span>组合行内标签,并且没有任何自带效果。