在使用video标签的时候,很多时候我们并不想去使用默认的16:9的显示比列,而自定义的宽和高显示出来后,又总是被默认比列所影响,那么如何解决呢? 其实想要video能自动填充慢父div的大小,只要给video标签加上 …
分类:css教程
你可能需要的优秀英文网站
前端 https://medium.freecodecamp.com/ https://css-tricks.com/ http://css-weekly.com/ https://www.html5rocks.com/…
如何制作icon-font小图标
1、首先可以去iconfont.cn阿里巴巴矢量字体库中下载你想要的图标(选择格式为SNG格式)。 2、打开iconmoon这个网站(这个样子的),然后点击右上角那个Iconfont App如下图: 3、上面有一个紫色的…
定位神器:1秒定位DOM元素绑定的事件代码的位置
1 VisualEvent github地址: https://github.com/DataTables… 2 使用教程 打开http://sprymedia.co.uk/Visual…,然后将…
字蛛的使用及说明
web字体体积大导致加载过慢,对于前端来说是一大需要解决的问题,作为一个前端小白,看不懂文档也是个通病,不过还是花了一些时间和朋友一起研究了这个问题,并找到了解决方案就是“字蛛”。 字蛛网站:http://font-sp…
用vue + leancloud开发一个免费的博客
项目地址 https://github.com/Fee-ing/Fe… 在线预览 在线预览地址: 搭建免费博客
阿里云前端周刊 - 第 23 期
推荐 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/artic… 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地…
CSS揭秘之《边框图像》
如果我们想把一图应用到边框而非背景,就像下面的这样效果 可能最容易的方法就是两层标签,外层标签设置背景图片,内层标签设置背景色为白色就达到了效果,可是如果只用一层标签呢,怎么办?其实思路是在背景图片之上, 再叠加一层纯白…
css基础
引入 <head> <link rel="stylesheet" href="base.css"> <style> body{ margin: 0; } </style> …
CSS揭秘之《伪随机背景》
之前说的条纹全部都是有规律的条纹,如果实现随机宽度的垂直条纹呢其实原理a)宽度尽量选择质数,因为质数跟任何其它数字都是相对质数b)因为最顶层贴片的重复规律最容易被察觉(它没有被任何东西遮挡),我们应该把平铺间距最大的贴片…
CSS揭秘之《背景图案》
网格 html { background: #58a; background-image: linear-gradient(white 2px, transparent 0), linear-gradient(90deg…
《css 揭秘》读书笔记
目标 如何用 css 解决难题 收获 尽量减少代码重复 1 用相对值 font-size: 20px; line-height: 30px; // 应该改成 font-size: 20px; line-height: 1…