开始学习HTML5和css3了，刚学了audio和video标签就做了一个简单的同步歌词的播放器，很简单，没什么技术含量……嘿嘿！ 原理很简单就是通过给audio添加一个timeupdate事件，每当播放时间改变的时候就获取当前播放时间来改变歌词top值，使歌词上移。 核心JS代码如下： var video =&
CSS3总结 一、选择器 1.通用选择器 E~F:E后边所有和E同级的F 2.属性选择器 E[att^=’val’]：att属性中以val开头的 E[att$=’val’]:以val结尾的 E[att*=’val’]含有val的选择器 3.伪类选择器 E:nth-child(n)：选中E的
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精确按照设计图开发的前端开发人员，可以说是
面试图如下：不用任何图片，实现这个效果： 不用图片来实现不规则图形的效果，首先想到的是使用border。先把代码送上： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio
position定位是前端新手的又一个障碍，好比是双节棍，刚开始练习的时候很容易伤者自己，纯熟似李小龙刷起来自然是得心应手，威力无穷。 position定位在实际应用中多见于和js同时使用，纯静态页面使用position好比杀鸡用牛刀，大材小用不说，用起来也不会顺手。 首先指出一点：使用position对某一个标签进行定位的同时，该标签同时支持了left,right,top,bot
在html的所有标签里，input可以说是最麻烦的一个，首先就是它有多种不同的类型（type），其次：其中的不分类型不能很好的支持部分样式的控制，所以在我们具体使用的时候往往比较麻烦，着这里就详细的解释下input的属性，类型，用法，样式控制以及使用场景。 第一种：type="text" <input type="text" name=
BSU网站加速技术 BSU（BrowserSpeedUp）网站加速技术，是博看文思针对当前国内传统网站制作的弊端，从前端开发角度出发，提出的一门提高网页打开速度的技术。通过大量实例证明：使用BSU网站加速技术制作的网站比使用传统网站制作技术制作的网站打开时间减少40%-80%。 ------------------- 网页打开速度对网站的影响
关于宽度自适应，已经是前段开发人员必备的css技能之一，而背景图的合并则属于更高级别的要求。 我们为什么要宽度自适应，原因大体有以下几点： 第一：很多情况下有这样的需求，比如做B/S前端，90%以上要求整体宽度自适应。这种情况下大多数都采用了js框架，比喻Ext，Dojo等。而我们用CSS按自己的需求写一个自适应的页面，也是完全可以实现的，速度也会快的多。 第二：便于后期
半透明的蒙版效果从一年多以前就开始流行，到现在已经是大家非常熟悉的效果了。用CSS也可以非常简单的实现各种浏览器的兼容设置。我们先看下半透明蒙版的效果。 没有盖蒙板的图片： 我们加上半透明蒙板后的效果。 这个效果就是利用一个简单的半透明蒙板实现的，这里对于这个蒙版的透明度设置为： filter:Alpha(Opacity=50);opacity:0.5; （当
随着经验的积累，你会发现每种标签都有它不一样的特性。就好像88个钢琴键，每种都有不一样的声音，每一种的存在都有它的意义。钢琴师能用这有限的琴键演奏出最美的音乐。使用最合适的标签来构造最美的页面，也是一种艺术。 熟悉标签的属性，是能熟练使用这些标签的前提 ，熟悉了这些音符，在看到曲子的时候，你不需要故意的按下某一个钢琴键，那个音符会召唤你的手指。 我现在要说的是一个最重要的音符：DI
在我看来，选择器的种类定义为三种比较合适，标签名选择器；类选择器；ID选择器；后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而在标签内写入style=""的方式，应该是CSS的一种引入方式，而不是选择器，因为根本就没有用到选择器。但是在具体讲课的时候，考虑到让学生都能掌握中各种用法，我们习惯把这些都结合记起来讲，所有就有了所谓的5种或者6种的选择器。
要说出CSS的引入方式，没有什么难度，但要说到为什么使用不同的引入方式，就有些学问在里面了。 CSS的引入方式最常用的有三种， 第一：在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件。
关于伪类，大家最熟悉的还是a标签的4个伪类： :link 有链接属性时 :visited 链接地址已被访问过 :active 被用户激活(在鼠标点击与释放之间发生的事件) :hover &
CSS属性有很多值得学习的地方，你对CSS中margin-top属性失效的解决方法是否熟悉，这里和大家分享一下，相信通过本文的介绍你对margin-top属性失效的解决方法一定会有深刻的认识。 关于margin-top属性失效的解决方法 常出现两种情况： （一）margin-top失效 先看下面代码： <div>
一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手； 五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览； 六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎
给li浮动加宽度，如果还不行给UL加宽度浮动！
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
