随笔分类 -  css

为什么"overflow:hidden"能清除浮动的影响
摘要：我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例： html 阅读全文
posted @ 2021-12-30 18:07 wamm521 阅读(376) 评论(0) 推荐(0)
es6之继承extends
摘要：一个类可以去继承其他类里面的东西，这里定义一个叫Person的类，然后在constructor里面添加两个参数:name和birthday; 下面再添加一个自定义的方法intro，这个方法就是简单地返回this.name和this.birthday; class Person{ constructo 阅读全文
posted @ 2021-08-17 19:44 wamm521 阅读(80) 评论(0) 推荐(0)
cookie和session，sessionStorage、localStorage和cookie的区别
摘要：1.cookie 含义： 存储在访问者的计算机中的变量,即存储在客户端 创建一个cookie /*　getCookie方法判断document.cookie对象中是否存有cookie，若有则判断该cookie中是否含有指定c_name的cookie，有则返回数据 没有则返回空串　*/ /*　setC 阅读全文
posted @ 2019-08-12 17:48 wamm521 阅读(639) 评论(0) 推荐(0)
详解为什么设置overflow为hidden可以清除浮动带来的影响
摘要：1.问题起源 在平时的业务开发写CSS中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码的时候总是这样写 阅读全文
posted @ 2019-08-12 14:01 wamm521 阅读(934) 评论(0) 推荐(0)
echarts重写图例点击事件
摘要：echarts version: 3.1.2 修改图例点击事件样例代码： 当第一次点击图例时，只显示点击的图例。 当还剩一个图例被取消选中后，自动全选中所有图例。 var triggerAction = function(action, selected) { legend = []; for ( 阅读全文
posted @ 2019-08-09 14:42 wamm521 阅读(7653) 评论(0) 推荐(0)
使用css让表头固定的方法
摘要：1、可以使用display: table; width: 100%; table-layout: fixed; table-layout: fixed;设置表格布局算法。tableLayout 属性用来显示表格单元格、行、列的算法规则。 详细可见：https://www.w3school.com.c 阅读全文
posted @ 2019-08-02 17:49 wamm521 阅读(11694) 评论(0) 推荐(0)
弹性盒模型display:flex
摘要：Flex布局意为"弹性布局"，用来为盒模型提供更多灵活性。此外，Flex定义的容器可以对块级元素(display: flex;)或行内元素(display: inline-flex;)生效，需要注意的是，如果父元素设置了Flex容器，则子元素的float、clear和vertical-align属性 阅读全文
posted @ 2018-12-05 17:22 wamm521 阅读(369) 评论(0) 推荐(0)
表单提交中的input、button、submit的区别
摘要：参考博文：http://www.cnblogs.com/shytong/p/5087147.html 设置type=submit后，输入控件会变成一个按钮，显示的文字为其value值，默认值是Submit。 form[method]默认值为GET，所以提交后会使用GET方式进行页面跳转。 input 阅读全文
posted @ 2017-11-08 11:08 wamm521 阅读(664) 评论(0) 推荐(0)
手机端页面自适应解决方案—rem布局
摘要：1、为什么要使用rem？ 手机页面自适应，不同设备上看的效果更好，更精确。 引用简单，布局简便 根据设备屏幕的DPR,自动设置最合适的高清缩放。 保证了不同设备下视觉体验的一致性。（老方案是，屏幕越大元素越大；此方案是，屏幕越大，看的越多） 有效解决移动端真实1px问题（这里的1px 是设备屏幕上的 阅读全文
posted @ 2017-08-28 17:11 wamm521 阅读(509) 评论(0) 推荐(0)