摘要：
可书写url 都可以替换成 数据链接： src=“data:image/png;base64,这里是数据” url也可以书写 应用场景： 一些很小的图片，不便于做成雪碧图，或者需要经常改动，可以写成数据链接，可以直接用后端的数据进行调整 优点： 1、减少请求次数 2、有利于动态生成数据 缺点： 1、 阅读全文
摘要：
@font-face{ font-family: "写上该字体的名字。自己想"; src: url("填下该字体的地址，建议放在项目的文件夹里面直接引入.ttf"); } p{ font-family: "这里填写字体的名字";/* 之后该元素使用的字体就是上面所引入的字体 */ } 上面的代码，强 阅读全文
摘要：
浮动的应用场景，浮动起初诞生的时候呢，是为了解决文字环绕图片的效果，到现在呢，浮动多数用于横向的排列，虽然说css3和其他能提供更好的排列方法，但是兼容性并没有浮动的好。所以现在很多大厂用的横向排列方法，还是用的浮动比较多。 常规流排列： 浮动排列： 看看淘宝页面的横向排列，用的也是浮动 浮动的基本 阅读全文
摘要：
首先先思考一个问题： 为什么都没设置给 a元素和p元素的字体颜色，他两都有颜色，而且颜色还不一样。 这里涉及到一个知识点，继承，父元素填写跟文字内容相关的css样式可以被子元素继承，但是也不是绝对，上面的a元素就是一个例子，那到底是什么原因导致了这种情况发生呢，这就涉及到了页面渲染的过程 ： 浏览器 阅读全文
摘要：
如果css代码有冲突的，你要他显示红色，下面的代码又要他显示蓝色，那么浏览器会进行以下顺序进行比较。谁的权重高，就听谁的。 1、比较重要性： 浏览器的默认样式中的样式，他的重要性是最低的，也是最容易被覆盖的 书写在作者样式表中的普通样式(通常出现层叠冲突都是这里引起的) 最后一个，作者样式表中的cs 阅读全文
摘要：
img元素的常用属性： src属性：资源地址 alt属性：当图片资源失效时，将出现该属性的设置的文字 最简单的联动： 和a元素联用(直接用a标签套) <a href="https://www.baidu.com"> <img src="https://timgsa.baidu.com/timg?im 阅读全文
摘要：
首先来了解一下 video， video呢，是H5 的标签，别人说的 H5播放器，没错 就是他了，利用video标签，可以实现视频播放。 但是啊，你会发现，在不同的浏览器上，播放器的 控制栏，都是不一样的。例如： 在不同的浏览器上， 显示不同的控制栏，这在公司开发，是绝对不允许出现的效果的。 所以， 阅读全文
摘要：
svg呢，跟canvas其实都是用来画图的，只不过svg画的图，是矢量图，矢量图有个特点是，放大缩小，不会失真，canvas呢，是逐像素进行渲染的。 也就是，他依赖分辨率，会根据分辨率来决定图形是否清晰，还有，svg他毕竟是dom元素，所以他能触发事件，canvas一旦图形被绘制完成，它就不会继续得 阅读全文
摘要：
what is canvas？(什么是canvas) 其实他只是H5里面的一个标签而已，那么他作为一个标签，肯定有他的用途，他就像是一幅画布，等待着你来作画。可以说，他只是一个容器而已，需要配合着JavaScript来进行绘制。 那么他能做些什么东西呢？ 例如这个：http://www.yyyweb 阅读全文
摘要：
H5添加了几个新标签，带有语义化的标签，像我们的div 和 span 标签，你说他两能干嘛呢， 好像他两什么事都能干。举个例子，你家里的房子，有几个房间，如果不分房间的话，是不是你 今天睡这里，明天睡另外一间房间，后天再睡另外一间房间， 是不是很乱呢？ 的确是很乱，像我们的网页，比较复杂的网页，里面 阅读全文