CSS3
mike_95
这个作者很懒,什么都没留下…
展开
-
CSS预处理器-Less知识点汇总
Less在CSS基础上,引入了变量、Mixin、运算以及函数,大大简化了CSS的编写 常见的CSS预处理器 Less 、Sass Less是一门css预处理语言,它扩展了CSS的动态特性 Less变量 @变量名:值 @color:pink; div{ background-color:@color } Less嵌套 子元素直接写进父元素内 div元素包含一个a标签 @color:pink; @Color:red; div{ background-color:@color; a{原创 2020-10-25 18:24:29 · 163 阅读 · 0 评论 -
移动端适配rem知识点及媒体查询
基础 rem(root em)是一个相对单位,基准是html元素字体大小; em也是一个相对单位,基准是 父级元素的字体大小 优点:可以通过更改页面中html字体大小来更改页面中元素大小,从而实现整体控制 媒体查询:media Query 是CSS3新增语法,可以针对不同尺寸屏幕更改样式 语法规范 @media mediatype and | not | only (media feature){csscode} @media screen and (max-width: 360px;){原创 2020-10-25 17:31:56 · 205 阅读 · 0 评论 -
CSS3新增转换属性transform
transform之translate transform:translate(x,y) transform:translateX() transform:translateY() 不会影响到其他元素的位置 translate值为百分比的时候,其实是按照自身宽高比例位移(可配合块级元素水平垂直居中使用) transform之rotate transform:rotate( 数字 deg) 默认旋转中心为元素的中心 transform-origin: X Y ( center center ) t原创 2020-10-25 16:00:09 · 160 阅读 · 0 评论 -
CSS3新增过渡属性
过渡 与hover搭配使用 transition:需要过渡的属性 过渡所需的时间 运动曲线 何时开始(运动曲线 何时开始 可省略) 需要过渡多个属性时候,用 逗号 连接 其他需要过渡的属性和特效;或者用all代替 transition: width 0.5s,height 0.5s; transition: all 0.5s; 谁做过渡,就给谁加 ...原创 2020-10-25 11:49:50 · 132 阅读 · 0 评论