CSS3
mike_95
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS预处理器-Less知识点汇总
Less在CSS基础上,引入了变量、Mixin、运算以及函数,大大简化了CSS的编写常见的CSS预处理器 Less 、SassLess是一门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 · 212 阅读 · 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 · 260 阅读 · 0 评论 -
CSS3新增转换属性transform
transform之translatetransform:translate(x,y)transform:translateX()transform:translateY()不会影响到其他元素的位置translate值为百分比的时候,其实是按照自身宽高比例位移(可配合块级元素水平垂直居中使用)transform之rotatetransform:rotate( 数字 deg)默认旋转中心为元素的中心transform-origin: X Y ( center center )t原创 2020-10-25 16:00:09 · 206 阅读 · 0 评论 -
CSS3新增过渡属性
过渡与hover搭配使用transition:需要过渡的属性 过渡所需的时间 运动曲线 何时开始(运动曲线 何时开始 可省略)需要过渡多个属性时候,用 逗号 连接 其他需要过渡的属性和特效;或者用all代替transition: width 0.5s,height 0.5s;transition: all 0.5s;谁做过渡,就给谁加...原创 2020-10-25 11:49:50 · 207 阅读 · 0 评论
分享