CSS学习
文章平均质量分 51
从动画开始
772cc
这个作者很懒,什么都没留下…
展开
-
移动端 flex
谷歌调试器调整移动端型号分辨率1.硬件分辨率(物理分辨率)不可被改变2.逻辑分辨率 由软件驱动决定按逻辑分辨率写代码参考iphone6/7/8出设计稿视口让网页宽度和设备宽度自动相等html骨架中包含二倍图在pxcook里开发模式中设置为2x百分比布局(流式布局)宽度百分比自适应,高度固定固定定位position:fixedflex布局...原创 2022-03-13 14:59:09 · 614 阅读 · 0 评论 -
CSS的补充(2 华为案例)
css* { margin: 0; padding: 0; box-sizing: border-box;}li { list-style: none;}a { text-decoration: none;}.box{ width: 1110px; height: 247px; margin: 20px auto; }.box li{ position: relative; float原创 2022-03-09 16:18:18 · 165 阅读 · 0 评论 -
CSS的补充(1)
CSS补充 字体图标 平面转换 渐变原创 2022-03-08 15:59:34 · 211 阅读 · 0 评论 -
CSS的补充(3 空间转换 动画)
1.空间转换属性transform语法transform:translate3d(x,y,z)透视 属性perspective(添加给父级)视距,指人眼到屏幕的距离取值像素单位,数一般在800-1200空间旋转(绕各个坐标轴转)transform:rotateZ(值)transform:rotateX(值)transform:rotateY(值)立体呈现transform-style:preserve-3d;使子集处于真正的3d空间默认flat,表示子元素处于2d空间..原创 2022-03-09 17:55:34 · 693 阅读 · 0 评论