![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
理个以哈呦
这个作者很懒,什么都没留下…
展开
-
两列布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #main {min-width:60px;min-height:600px; background:#FEFF0A;padding-left:3转载 2016-01-26 21:31:40 · 278 阅读 · 0 评论 -
三列布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #main {min-height:600px;background:#FEFF0A;padding:0 300px;} #ma转载 2016-01-26 21:34:29 · 286 阅读 · 0 评论 -
HTML5 音乐播放
1.浏览器支持情况,如下: /**进行浏览器检测是否支持写法**/<audio src="音乐文件"> 您的浏览器不支持 audio 标签。 </audio> /*** autoplay 如果出现该属性,则音频在就绪后马上播放。 controls 如果出现该属性,则向用户显示控件,比如播放按钮。 loop 如果出现该属性,则每当音频结束时重新开始原创 2016-01-27 09:48:00 · 1489 阅读 · 0 评论 -
通过jQuery在IE中支持placeholder
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" placeholder="xxxxxxxx" /> <script src="jquery.min.js"></script> <scrip转载 2016-01-27 21:11:27 · 195 阅读 · 0 评论 -
CSS3媒体查询media
使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面浏览器的支持情况 /**对于不兼容媒体查询的浏览器**/ IE9以下版本不支持HTML5的media,通过js辅助即可。 <script sr原创 2016-01-29 14:30:56 · 425 阅读 · 0 评论 -
移动页面注意事项
/**页面自适应屏幕 解决,在每个页面引入一个计算屏幕分辨率的js文件,代码如下 **/ (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', r原创 2016-01-29 09:34:10 · 252 阅读 · 0 评论 -
DOM标准事件的三个阶段
/*事件一开始从文档的根节点流向目标对象(捕获阶段),然后在目标对向上被触发(目标阶段),之后再回溯到文档的根节点(冒泡阶段)。*/原创 2016-02-14 14:39:25 · 4156 阅读 · 0 评论 -
IE版本判断
原文来自:http://www.oschina.net/code/snippet_575130_12609html判断IE版本 1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> 2. <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> 4. <!-转载 2016-02-17 15:20:35 · 892 阅读 · 0 评论 -
box-sizing:border-box;和 box-sizing:content-box;
不同的浏览器解析页面方式稍有不同,就会出现兼容问题。如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .cls{ width: 300px; height: 200p原创 2016-01-27 10:38:16 · 708 阅读 · 0 评论