一，input的输入类型
demo-form.php 请求地址 php 文件
email----输入email格式 包含e-mail地址输入域
<form action="demo-form.pgp">
E-mail:<input type="email" name="usremail">
<input type="submit">
</form>
<p><b>注意：</b> Internet Explorer 9 及更早IE版本不支持 typr="email".</p>
E-mail:
注意： Internet Explorer 9 及更早IE版本不支持 typr="email".
url-----只能输入url格式，url类型包含URL地址输入域（在提交表单时url会在自动验证域的值）
<form acteion="demo-for.php">
添加你的主页：<inout type="url" name="homepage"> <br>
</form>
<p><b>注意</b>Internet Explorer 9及更早 IE 版本不支持 type="url" </p>
numder---只能输入数字 （字母e也是数字）
search---搜索框用于搜索域，站点搜索或Google搜;同样提供一键删除
<form action="demo-form.php">
search Google:<input type="search" name="googlesearch"><br>
<input type="submit">
</form>range--- 滑动条，范围，可以拖动取value的值，max-规定允许最大值、min-允许最小值、step-合法的数字间隔、value-默认值
<form action="demo-form.php" method="get">
points:<input type="range" name="points" min"1" max="10">
<input tyoe="submit">
</form>
<p><b>注意：</b>Internet Explorer 9 及更早 IE 版本不支持 type="range"。</p>color----在input字段主要用于选取颜色
<form action="https://www.runoob.com/try/demo_source/demo-form.php">
选择你喜欢的颜色: <input type="color" name="favcolor"><br>
<input type="submit">
</form>time--时间 允许你选择一个时间
1 <form action="demo-foem.php‘>
2 选择时间：<input type="time" name="usr_time">
3 <input type="submit">
4 </form>date--日期，不是绝对的，可以选则一日期
<form action="demo-form.php">
生日:<input type="date" name="bday">
<input type="submit">
</form>month---月份，允许你选择月份
<form action="demo-fom.php">
生日（月和年）:<input type="month" name="bdymonth">
<input type="submit">
</form。week---星期，允许你选择一个周和年
<form action="demo-form.php">
选择周：<input type="week" name="year_week">
<input type="submit">
</form>
多媒体*
Audio---音频，如果在HTML中播放音频。例如：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="hourse.mp3" type="audio/mpeg">
Internet Explorer 8 及更早IE版本不支持 <audio> 元素.
Chrome在2018年10月份更新后关闭了audio、video媒体autoplay自动播放。
</audio>video---视频
<video width="320" height="240" controls>
<source src="movie.mp4" type="video.mp4">
<source src="movie.ogg" type="video/ogg'>
您的浏览器不支持Video标签。
</video>controls---播放暂停键
loop---循环播放
muted---静音属性
preload---视
height---视频的高度/width---视频的宽度
css的认识
css--可以跟html联动让html的界面简洁整齐，
内嵌式----将css的代码集中写在html文档中的head标签中，并且用style定义
<head>
<style type="text/css">
</style>
</head>语法中，style标签一般位于head标签中title标签之后，也可以写在任何地方
内联样式---是通过style属性在设置
<标签名 style="属性1 ；属性值1；属性2：属性值2； 属性3：属性值3；">内容</标签名>语法中style是标签的属性，实际任何html标签都拥有style属性，
链入式----是吧一个以css为扩展名的外部样式表文件通过link标签来连接
<head>
<link href="css路径” rel="styleheet"/>
</head>link---是一个单标签需要放到head头部标签中
css字体属性---font
font-size-----字体大小，一般用px作为单位
em----当前对象的文本尺寸
px---像素
font-family---字体的 样式
css样式如；
.p{font-family:"微软雅黑”}网页字体一般为14px或者16px
如果字体中包含空格，#,$等特殊符号则需要英文双引号；例如：
font-fanily="fnagsong";
font-weight----字体的粗细
除了b跟strong之外的标签，可以用css来实现
font-weight的属性值；
normal---普通
bold---粗
bold---较粗
lighter较细
100~900（取值为100的整数）
其中数字400等于normal，700等于bold
font-style---字体的风格
同样也可以用css来实现
font-stlye的属性值；
normal----默认值
italic/oblique-----字体倾斜
font属性
选择器{font:font-stlye font-weight font-size/line-height font-family；}注意其中必须保留font-size和font-family属性，否则font属性将会失效
css---外观属性
color----文本颜色（直接输入 英文单词）（RGB；取值范围最高为255；最低为0）（十六进制#fff）
line-height---行间距（属性单位有px，em和百分比%）
text-align---水平对齐方式（left---左对齐）（right----右对齐）（center---居中）
text-indent----首行缩进一般用em做单位
text-decoration---文本的装饰-（none--默认值）（underline---下划线）（overline---文本上的线）（line-through---删除线）
letter-spacing---文字的间距 一般用px做单位
标签选择器；
标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
类名选择器；
类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
在标签内输入例如；
<div class="类名“>
多类名选择器；
跟html元素中的前后顺序无关，但是跟css样式有关 ，输入多个类名的时候要用空格隔开
<div class="类名 类名 类名">文本</div>id选择器---使用的时候要用#进行标记紧跟id名
id="#id名"
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }id名为唯一属性同样他的级别是最高的
通配符选择器----*
他的范围是最广得的能够匹配页面中的所有元素
*{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
一般用于取消网页的边距
*{margin:0; padding:0；}
id>class>标记名>*
