h5与css3回顾与总结

最近去了浙江省图书馆，看了一下前端我几个遗漏的知识点，这里总结一下：

首先 HTML5：

字体类：<abbr>  提供一个完整的描述，当鼠标悬浮式，以提示框的形式描述

<em> 设置字体为斜体     <strong> 设置字体为粗体

<dfn> 多用于定义    <kbd> HTML键盘输入元素(<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示    

<code>  用于原码输出  

<bdo>  用于改变文字输入方向   ，两个属性 

 ltr: 从左往右写，与现代汉语的书写习惯相同.

rtl: 从右往左写，与古代汉语书写习惯相同.

效果如下图：

<del> 删除效果     <ins> 加上下划线

<sub> 下置效果   <sup> 上置效果

<pre> 原样输出    <mark> 高亮输出

接着是列表，好久没用了，忘了   

<dl>

    <dt>这是标题</dt>

    <dd>这是内容</dd>

</dl>

还有

<form action=""  method="post">

    <input   id="POST-name"   type="text"   name="name">

    <inputtype="submit"value="Save">

</form>

还有诸如 video等，不再叙述

接下来是css，这边只说动画，毕竟这个老方没有讲过，我自学的，对动画，我目前有transition和keyframe

首先是transition，对一些较为简单的动画，完全不用自己定义一个keyframe去写，我们可以考虑用transition，怎么用   语法如下： transitiion : xxx   xxs;  比如：   transition:  all   0.5s ease-out;

第一个是动画的最终位置，比如trasnform: rotate(-10 50 100)   然后接着 加上时间比如 2s，最后设置变化效果，比如前面变得快，后面慢等等，对只知道始末位置的动画，用这个比较适合。

第二个是真正的动画，也就是keyframe，格式如下：

animation:xxxx     xs;

@keyframe{

    from{xxx}

    to{xxx}

}

这样基本上是可以对动画的每一帧都能进行定义，适合用于比较复杂的css情形。

这次就总结这么多了，我主要针对现阶段我所不会的技能进行的总结