摘要: 1、像素和视口 1.1 像素: 物理像素:分辨率数 css像素:编写网页时,所用都是css像素 浏览器在显示网页时,需要将CSS像素转换为物理像素然后再呈现 , 一个css像素最终由几个 物理像素显示,由浏览器决定: 默认情况下在pc端,一个css像素 = 一个物理像素 1.2 视口 屏幕中用来显示 阅读全文
posted @ 2022-03-04 02:21 踏燕白梅 阅读(78) 评论(0) 推荐(0)
摘要: 1、弹性盒 是css的又一种布局手段,主要用来代替浮动来完成页面的布局,使元素具有弹性,可以跟随页面大小的改变而改变。 弹性容器: 要使用弹性盒,必须先把一个元素设置为弹性容器,通过 display 来设置弹性容器 display:flex 设置为块级弹性容器 display:inline-flex 阅读全文
posted @ 2022-03-04 01:32 踏燕白梅 阅读(51) 评论(0) 推荐(0)
摘要: 先留白 阅读全文
posted @ 2022-03-04 00:52 踏燕白梅 阅读(22) 评论(0) 推荐(0)
摘要: 1、过渡transition 过渡:指定一个属性(需要具体值)发生变化时的切换方式 transition-property: 指定要执行过渡的属性 transition-duration: 指定过渡效果的持续时间 transition-delay: 过渡效果的延迟,等待一段时间后在执行过渡 tran 阅读全文
posted @ 2022-03-04 00:47 踏燕白梅 阅读(34) 评论(0) 推荐(0)