video实现有声音自动播放的教程
video实现自动播放有声音 需求：老板见人家可以的，我们的也要可以！！！ 前端：自动播放，简单... 要实现：鼠标移入视频播放同时有声音，移出让你暂停，，，，， 问题集合 1- 自动播放实现没有...[详细]
video.js支持m3u8格式直播的实现教程
为什么要使用video.js？ 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一，直接写原生的js控制视频兼容性较差 3. video.js解决以上两个...[详细]
CSS盒子隐藏/显示后再最上层的实现方法
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 6...[详细]
css3实现背景模糊的三种方式
一、普通背景模糊 代码： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Style html, body { width: 100%; heigh...[详细]
flex布局中保持内容不超出容器的解决办法
在移动端，flex 布局很好用，它能够根据设备宽度来自动调整容器的宽度，用起来很方便，已经越来越离不开它，但是最近在做项目的时候发现一个问题。 就是在一个设置了 flex:1 的容器中，如果文字...[详细]
详解CSS继承inherit属性的方法
给定一张有如下背景图的 div： 制作如下的倒影效果： 方法很多，但是我们当然要寻找最快最便捷的方法，至少得是无论图片怎么变化， div 大小怎么变化，我们都不用去改我们的代码。 法一：-webki...[详细]
利用定位使元素居中(web端页面布局小技巧)
元素在浏览器窗口居中的方法 这里先给出代码块，如果有同学已经看出来点眉目可以先自己尝试一下。 position:fixed; /*给想要居中的元素设置*/left:50%; /*或者right:50%*/top:50%; /*或者bottom...[详细]
详解HTML5 HTMLCollection和NodeList的区别
获取 HTMLCollection 对象 getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 注意： HTMLCollection 不是一个数组！ HTMLCollection 看...[详细]
canvas绘制太极图的实现
看到了很多人写的太极图案，自己也来搞一下，今天就来介绍一下 css样式代码 .animation{ width: 800px; height: 800px; border: 1px solid #000;}#canvas{ animation: rotate 6s linear infinit...[详细]
基于ccs3的timeline时间线的实现
在web项目中我们经常要使用时间轴（timeline）控件。本文提供一种基于CSS3的可逐项展开的timeline，在各展开项中可以嵌入文本、图片、视频等元素。运行效果如下： 实现 该控件的实现过程较为简...[详细]
详解CSS3中的Flex布局
Flexbox布局模块旨在提供一个更有效的方式，在一个容器里面去布局分配空间。即使容器的大小是未知的，或者动态变化的。 Flex 布局背后的主要思想是让容器能够改变其项目的宽度 / 高度(和顺序) ...[详细]
css中的匹配问题的详细介绍
问题描述 众所周知在写 css的时候，会根据html 中类的定义或者 id 的定义来写相应的 css代码。给不同的类定义不同的样式，当然为了能够少写一些代码，大家就会在css 中引用匹配。匹配有模糊匹配...[详细]
html5中使用hotcss.js实现手机端自适配
Html5页面在手机端做自适配是很常见的技术需求，下面介绍下在html页面使用hotcss 简介 使用动态的HTML根字体大小和动态的viewport scale。 遵循视觉一致性原则。在不同大小的屏幕和不同的设备像...[详细]
css3中less实现文字长阴影(long shadow)的代码
问题 实现如下图效果 主要知识点 css中的字体阴影 text-shadowless 语法中的 loops 和 merge 代码 div class=long-shadow屮艸芔茻/div .loop(@counter) when (@counter 0) { .loop((@counter - ...[详细]
css3实现元素弧线运动
如何使用CSS控制元素弧线运动 我们都知道，CSS3的新属性transfrom过渡效果可以实现元素位移、旋转、缩放。结合animation属性，就可以实现元素的动画效果。但是如何通过css实现元素实现弧线运动...[详细]
最新更新
- 亚马逊一统天下？
文/卫夕 来源：（ID:weixizhibei） 美国电商格局？难道不是亚马逊的天下吗... - 网站SEO大神的卡位式走法
最近制作了一个基本农田保护标志牌的网站，作为一个合格的SEO优化人士，我... - 教你如何把100块钱的产品，卖出3
你的产品明明值 300 块，但是呢，顾客只认为你值100，结果还去买 70 块的竞... - ·【限时活动】148元开通2年京东Plus会员
- ·阿里云服务器免费试用1~12月【每日有体
- ·中国农业银行卡激活医保电子凭证抽话费
- ·Photoshop合成加勒比海盗风格电影海报
- ·video实现有声音自动播放的教程
- ·video.js支持m3u8格式直播的实现教程
- ·详解django为Form生成的label标签添加c
- ·Spring Security实现短信验证码登录功
