随笔分类 -  css

rem
摘要：rem:相对于根元素 fontSize大小的单位。 1、根据屏幕宽度定义根元素fontSize的大小。 //定义最大的fontSize const MAX_FONT_SIZE =42; //监听 HTML 文档被解析完成的事件 document.addEventListener('DOMConten 阅读全文
posted @ 2020-08-11 10:32 麦子同学 阅读(181) 评论(0) 推荐(0)
css箭头
摘要：箭头就是一个直角 旋转 45度后，形成一个箭头,一般都可以用伪元素实现 .className:after:{ content:""; width:10px; height:10px; border-left:10px; border-right:10px; transform:rotate(45de 阅读全文
posted @ 2020-07-21 10:36 麦子同学 阅读(232) 评论(0) 推荐(0)
scss初识+小经验
摘要：SCSS预处理器 ♦ SCSS是SASS 3.0之后的称呼 强化css的辅助工具，在css的语法上增加了额外的功能(嵌套、变量、运算、函数……) 01嵌套 02变量——用来存储css的常量信息 03函数与运算 //函数声明 @function doublePx($px){ @return $px * 阅读全文
posted @ 2020-04-07 21:14 麦子同学 阅读(188) 评论(0) 推荐(0)
flex 属性
摘要：####一、flex-direction（元素排列方向） #####1、flex-direction:row；//从左到右排列 #####2、flex-direction:column；//从上往下排列 ####二、flex-wrap（内容一行容不下的时候才有效） #####1、flex-wrap: 阅读全文
posted @ 2020-02-19 16:44 麦子同学 阅读(196) 评论(0) 推荐(0)
CSS 实现左侧固定，右侧自适应两栏布局的方法
摘要：HTML布局： 常见的方法： 1、将左侧div浮动，右侧div设置margin left 2、固定区采用绝对定位，自适应区设置margin 缺点: 使用了绝对定位，若是用在某个div中，需要更改父容器的position。 没有清除浮动的方法，若左侧盒子高于右侧盒子，就会超出父容器的高度。因此只能通过 阅读全文
posted @ 2020-02-19 12:49 麦子同学 阅读(650) 评论(0) 推荐(0)