HTML5技术向网页嵌入视频和音频
-
Web前端开发大全
发布于
- 收藏
网站中如果只有图片和文字是不够的，现在的网站中还会使用到视频和音频，HTML5 中提供了展示视频和音频的标签，可以轻松实现视频与音频的展示哦。向网页嵌入视频可以使用<video> 标签，而嵌入音频可以使用<audio>标签。这两个标签都是 html 5 中新增的标签，我们一起来熟悉一下吧！一、如何向网页中嵌入视频<video> 标签可以用于定义视频，且提供了播放...
CSS清除浮动的几种方法
-
Web前端开发大全
发布于
- 收藏
初学HTML和CSS时，很多同学都会对于浮动有一些疑惑，浮动了为什么需要清除浮动呢，以及我该选择哪种方式来清除浮动呢。今天我们就来通过这篇文章详细阐述一下这两个问题。首先我们需要明确我们常用的一些元素在页面中会有自己应该放置的位置，这就是我们通常所说的文档流，举个例子：<!DOCTYPEhtml> <html> <head> <metacharset...
网站上那些自定义的滚动条是如何实现的？
-
Web前端开发大全
发布于
- 收藏
经常进的一个网站，之前一直用谷歌浏览器打开，觉得没什么特别，就是一个普通的滚动条，用js模拟 就可以实现。如下图：直到有一天用ie浏览器打开这个网站时发现这个模块的滚动条变成了下面这样：看到ie下呈现的状态时脑子里第一反应是这不是浏览器自带的那个滚动条吗，不太美观的样子。对比 chrome，同一个模块在两个浏览器下显示的滚动条样式完全不一样，如果是js模拟不应该有如此大的差 异才对。遂打开Chro...
通过CSS隐藏元素的常用方法
-
Web前端开发大全
发布于
- 收藏
在平常的学习和工作中，我们会经常碰到需要将元素隐藏或者显示出来的操作，实现的方式有很多种，今天我们来汇总一些比较常用的方式，养成一个归纳总结的好习惯。1、通过style属性中的 display : none （这种是最常用方式之一 ）。将元素隐藏可以设置display:none，这种方式隐藏元素后，元素将不占用文档流。display:none;2 、通过style属性中的 visibility ...