标签：css

轻松实现固定比例的块级容器

给H5布局的时候一般都会碰到banner（横幅）比如要显示成2比1 当然后端返回的图片是2比1就好了但事情往往不会那么如意所以怎么办呢？写死宽高总觉得不妥当默认width: 100%;让height自适应呢 …

DOM3级还定义了自定义事件，自定义事件不是由DOM原生触发的，它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由createEvent(“CustomEvent”); 返回的对象有一个…

本文重要是汇总了关于水平居中，垂直居中，还有水平垂直居中的各种方法。一、水平居中 1.行内元素水平居中使用text-align:center;属性可以实现在行内元素（包括：inline,inline-block、in…

今天的知识点 (2019.07.29) —— 第104天 [html] 说说HTML中的<html>标签有什么作用？ [css] 行内元素和块级元素有什么区别，如何相互转换？ [js] 请说说json和jso…

精读《Web Components 的逆境》-webkit-text-stroke笔墨描边CSS属性及睁开读Zepto源码之操纵DOM我眼中的前端九段从前端开辟看面向未来的迅速学习法N-API: Next generat…

.product-group-div { width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; } 在使用overflow的的地方加上-…

/*清除浮动*/ .f-cb:after, .f-cb li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: h…

最近几个月一直用vue在写手机端的项目，主要写业务逻辑，在js方面投入的时间和精力也比较多。这两天写页面明显感觉css布局方面的知识有不足，所以复习一下布局方法。两栏布局 1、浮动 .box1 .left { floa…

思路：骰子有6个面，那么创建6个div为6个面，然后用css3的旋转属性旋转每个面到相应位置，每个面里面的点使用绝对定位确实位置。骰子旋转写一个动画改变rotate值。效果预览：https://leeseean.gith…

模块的定义模块是自动运行在严格模式下并且没有办法退出运行的JavaScript代码。模块可以是函数、数据、类，需要指定导出的模块名，才能被其他模块访问。 //数据模块 const obj = {a: 1} //函数模…

1.水平居中：行内元素解决方案适用元素：文字，链接，及其其它inline或者inline-*类型元素（inline-block，inline-table，inline-flex） html部分代码: <div&g…

官网改版时碰到的问题。简单记录下：【问题】官网index页面移动端测试时，发现底部页脚的a标签无论如何点不动。【 Debug 过程】 1、先是在pc端用浏览器模拟手机看了下，问题重现； 2、然后看了下“规则”…