html5开发笔记一

1、字体图标生成在线网站：https://icomoon.io/app/#/select 

2、html5专注内容与结构，而不是表现。精通 HTML5、 CSS3、 JavaScript、 JQuery、 Ajax等Web前端编程技术，具备互联网交互设计能力， 具备理解开源框架代码的能力

3、html5网站：焕思科技，http://www.koodoogroup.com/

4、<script>

$(document).ready(function(){
$('li').hover(function () {
$(this).addClass('selected');
}, function () {
$(this).removeClass('selected');
});
});</script> 动态添加class，记住先引用jquery js

5、对于html5设置省略号

.news-zixun p span.ell{display:block;float:left;color:#000;font-size:16px;
-o-text-overflow: ellipsis;/*兼容opera*/
text-overflow: ellipsis;/*这就是省略号喽*/
overflow: hidden;/*设置超过的隐藏*/
white-space: nowrap;/*设置不折行*/
280px;/*设置宽度*/
}

6、一般情况下border:none也可隐藏边框，不过在IE6/7下无效（兼容性）,而border:0任何情况下都有效,不存在不兼容的问题，微信浏览器里面select消除自带样式可以：

-webkit-appearance: none; border:0;

7、background-color: rgba(0,0,0,0.7);背景透明文字不透明

8、transition：width 0.2s ease-in 0.2s, background-color 0.2s ease-in 0.2s, text-indent 0.2s ease-in 0.2s, color 0.2s ease-in 0.2s

<pre name="code" class="html"></pre>里面是放代码的