随笔分类 -  css

摘要:一、溢出文案省略号显示; 二、form表单label前的 * 号; //怎么用最简单的方法加上 * 号呢?利用伪元素 label:before{ content: "*"; display: inline-block; margin-right: 4px; line-height: 1; font- 阅读全文
posted @ 2019-04-08 13:35 雨中愚 阅读(240) 评论(0) 推荐(0)
摘要:Flex弹性和模型 1、display : flex/inline-flex ;(设置给氟元素) flex : 将对象作为弹性伸缩盒显示; inline-flex : 将对象作为内联块级弹性伸缩显示; 2、flex-direction (主轴排列方向)说明:顺序指定子元素在父容器的位置; row : 阅读全文
posted @ 2019-04-01 21:13 雨中愚 阅读(458) 评论(0) 推荐(0)
摘要:解决高度塌陷问题的方法: 方法一、 //给父元素添加声明 overflow:hidden; 缺点:回隐藏溢出的元素; 方法二、 在浮动的元素下添加空div标签,并给该元素添加声明: clear:both; height:0; overflow:hidden; 缺点:在结构里增加了空标签,不利于代码可 阅读全文
posted @ 2019-03-25 21:02 雨中愚 阅读(3932) 评论(0) 推荐(0)
摘要:利用样式覆盖来实现效果:先看下原本和改变后的样式 1 2 3 4 file自定义上传样式 5 41 42 43 上传文件 44 45 46 47 48 49 阅读全文
posted @ 2019-03-13 14:47 雨中愚 阅读(2868) 评论(0) 推荐(0)
摘要:sticky简述 sticky 是css定为新增的属性;可以说是相对定位relative和固定定位fixed的结合; 它主要用在对scroll事件的监听上,简单说在滑动过程中,某个元素的距离其父元素的距离达到 sticky 粘性定位 要求时; position:sticky 这时的效果就相对于 fi 阅读全文
posted @ 2019-03-12 16:44 雨中愚 阅读(10275) 评论(0) 推荐(0)