随笔分类 -  H5 + CSS

css3
摘要：https://blog.csdn.net/qq_51688013/article/details/123516221?spm=1001.2014.3001.5501 阅读全文
posted @ 2022-04-01 14:56 顺· 阅读(25) 评论(0) 推荐(0)
flex:1的情况下，overflow:auto没有生效的问题
摘要：flex:1的元素的父元素必须保证高度或者宽度有具体的数值；如果父元素的高度或者宽度也是flex:1自适应的，最好在父元素上也设置overflow:auto，这样子元素的overflow:auto生效了；（BFC妙用） .parent{ height:calc(100vh - 100px); } / 阅读全文
posted @ 2022-03-25 23:29 顺· 阅读(947) 评论(0) 推荐(0)
js给元素设置样式
摘要：一、style 利用 “[元素].style.[CSS属性名] = [属性值]” 的方法 1 var Box = document.getElementById('box') 2 Box.style.height = '100px' 3 Box.style.width = '100px' 4 Box 阅读全文
posted @ 2021-02-05 16:44 顺· 阅读(2310) 评论(0) 推荐(0)
css实现水平垂直居中的几种方法
摘要：一，已知宽高 1 <style> 2 #box { 3 height: 400px; 4 width: 400px; 5 border: 1px solid grey; 6 position: relative; 7 } 8 .son { 9 height: 300px; 10 width: 300 阅读全文
posted @ 2021-02-05 16:24 顺· 阅读(212) 评论(0) 推荐(0)
h5新增特性 和 css3 新特性
摘要：H5新增： 1）用于绘画 canvas 元素。 2） 用于媒介回放的 video 和 audio 元素。 3）语义化标签 article、footer、header、nav、section3） 4）表单控件，calendar、date、time、email、url、search 5) 本地离线存储 阅读全文
posted @ 2020-03-05 19:24 顺· 阅读(404) 评论(0) 推荐(0)
IE盒模型和标准盒模型之间的差别
摘要：1、W3C标准盒子模型 w3c盒子模型的范围包括margin、border、padding、content,并且content部分不包含其他部分 2、IE盒子模型 IE盒子模型的范围包括margin、border、padding、content,和w3c盒子模型不同的是，IE盒子模型的content 阅读全文
posted @ 2020-03-04 18:20 顺· 阅读(1199) 评论(0) 推荐(0)
CSS3实现了左右固定中间自适应的几种方法
摘要：1，弹性盒（flex）布局 中间 .center 区域设置 flex-grow: 1 或者 width: 100% .container { width: 100%; min-height: 200px; background-color: red; display: flex; } .contai 阅读全文
posted @ 2020-01-30 19:53 顺· 阅读(816) 评论(0) 推荐(0)
css实现文本溢出省略号
摘要：CSS常用属性： overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行,只能显示一行 这个只是用适用于单行文本溢出情况，之前处理多行文本的话需要JS来支持。 CSS3新加属性 阅读全文
posted @ 2019-11-15 15:44 顺· 阅读(131) 评论(0) 推荐(0)