摘要：
使用 CSS transforms CSS transforms 通过一系列 CSS 属性实现，通过使用这些属性，可以对 HTML 元素进行线性仿射变形（affine linear transformations）。可以进行的变形包括旋转，倾斜，缩放以及位移，这些变形同时适用于平面与三维空间。 tr 阅读全文
posted @ 2022-04-19 16:09
~LemonWater
阅读(177)
评论(0)
推荐(0)
摘要：
兼容性 浏览器支持信息 https://caniuse.com/ 在css中构建回滚 如果浏览器器支持网格布局，它会显示网格视图，否则它会忽略display: grid相关的属性，使用浮动布局。 Item One Item Two Item Three * { box-sizing: border- 阅读全文
posted @ 2022-04-19 15:14
~LemonWater
阅读(185)
评论(0)
推荐(0)
摘要：
grid布局 grid: <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? 阅读全文
posted @ 2022-04-19 14:59
~LemonWater
阅读(159)
评论(0)
推荐(0)
摘要：
媒体查询 语法 @media media-type and (media-feature-rule) {/* CSS rules */} media-type: 一个媒体类型，告诉浏览器这段代码是用在什么类型的媒体上的（例如印刷品或者屏幕）； media-feature-rule: 一个媒体表达式， 阅读全文
posted @ 2022-04-19 14:12
~LemonWater
阅读(206)
评论(0)
推荐(0)
摘要：
响应式布局 响应式网页设计的概念（responsive web design，RWD）：RWD指的是允许Web页面适应不同屏幕宽度因素等，进行布局和外观的调整的一系列实践。 媒体查询 通过媒体查询（Media queries），您可以根据各种设备特征和参数的值或者是否存在来调整您的网站或应用。 媒体 阅读全文
posted @ 2022-04-19 11:25
~LemonWater
阅读(123)
评论(0)
推荐(0)
摘要：
使用transition转换 如果没有过渡延迟或持续时间，如果都为0或都未声明，则不存在过渡，并且不会触发任何过渡事件。 transition-property 应用过渡属性的名称 /* <attr-name>: [a-z|0-9|-|_] ，-后面不能是数字*/ /* 所有可被动画的属性 */ t 阅读全文
posted @ 2022-04-19 11:20
~LemonWater
阅读(230)
评论(0)
推荐(0)
摘要：
dataset 允许我们在标准内于HTML元素中存储额外的信息 <article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars"> ... </article> /* 在article前面 阅读全文
posted @ 2022-04-19 11:02
~LemonWater
阅读(500)
评论(0)
推荐(0)
浙公网安备 33010602011771号