随笔分类 - CSS

CSS3媒体查询

摘要：什么是媒体查询？媒体查询（Media Query）是CSS3新语法。 - 使用 @media 查询，可以针对不同的媒体类型定义不同的样式 - @media 可以针对不同的屏幕尺寸设置不同的样式 - 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 - 目前针对很多苹果手机、A 阅读全文

posted @ 2023-07-23 22:22 Code6E 阅读(1800) 评论(0) 推荐(0) 编辑

CSS3雪碧图 | 精灵图

摘要：## 雪碧/精灵图 ![image](https://img2023.cnblogs.com/blog/2993264/202302/2993264-20230202155202793-1463754151.png) CSS Sprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它阅读全文

posted @ 2023-07-20 09:29 Code6E 阅读(123) 评论(0) 推荐(0) 编辑

CSS选择器（包含CSS3新增的伪类和属性选择器等）

摘要：选择器详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法规则由两个主要的部分构成：选择器，以及一条或多条声明（样式）全局选择器可以与任何元素匹配，优先级最低，一般做样式初始化阅读全文

posted @ 2023-03-25 11:48 Code6E 阅读(106) 评论(0) 推荐(0) 编辑

CSS3动画

摘要：动画动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的基本使用，制作动画分为两步： 1.先定义动画 2.再使用（调用）动画 1. @keyfra 阅读全文

posted @ 2023-03-24 16:46 Code6E 阅读(56) 评论(0) 推荐(0) 编辑

CSS3中的transform（二维变换）

摘要：二维变换有平移，旋转，缩放，反射，错切 transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。这里介绍以下三种常用的转换函数：旋转函数（rotate）移动函数（translate）缩放函数（scale） translate平移 CS 阅读全文

posted @ 2023-03-23 23:35 Code6E 阅读(518) 评论(0) 推荐(0) 编辑

CSS3-flex布局 | 弹性盒模型

摘要：参见 [https://www.bilibili.com/video/BV1Rv4y177rj](https://www.bilibili.com/video/BV1Rv4y177rj "https://www.bilibili.com/video/BV1Rv4y177rj") ## 传统布局与fl 阅读全文

posted @ 2023-03-23 10:28 Code6E 阅读(724) 评论(0) 推荐(0) 编辑

CSS

摘要：单位换算在浏览器中默认的文字大小是16px,因为1em和当前字体大小相等，所以默认1em=16px=100% em是相对单位，是相对当前文本大小的倍数。比如当前文本大小为16px，则2em=32px。如果当前文本未设置大小，则逐层向上寻找有设置的大小为参照，比如该晨未设置大小，而父级设置了18px 阅读全文

posted @ 2022-10-02 16:04 Code6E 阅读(146) 评论(0) 推荐(0) 编辑