html5新增标签
音频自动播放:
<audio src="" controls="controls" autoplay="autoplay"></audio>
视频自动播放
定义选项列表
<input type="text" list="datalist">
<datalist id="datalist">
<option>a</option>
<option>b</option>
<option>c</option>
</datalist>
定义文档细节
<details>
<summary>对吗?</summary>
<p>解释</p>
<p>解释</p>
重要列表
<nav></nav>
普通列表
<menu>
<li>1</li>
<li>2</li>
<li>3</li>
</menu>
存放地址信息
<address>存放地址信息</address>
进度条
<progress value="1" max="10"></progress>
CSS引入方式,就近原则
行内样式
<p style="color:#FF8080">你是</p>
内嵌式
<head>
<title>无标题文档</title>
<style type="text/css">
p
{
color:#FF8080;
}
</style>
</head>
<body>
<p>你是</p>
</body>
外链式:新建css文件,用link引入进来,然后在css文件中编辑样式
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="1.css" type="text/css" rel="stylesheet" />
</head>
css中:
p
{
color:#FF8080;
}
css选择器
标签选择器:所有标签都是此样式
p
{
color:#FF8080;
}
class选择器:一个页面可以有多个,可以共用
.c1
{
color:#804040;
}
ID选择器:一个页面id不能重复,一个id对应一种样式
#c1
{
color:#80FFFF
}