css
文章平均质量分 67
css
Lion李昂
计算机专业,HCIE RHCE,运维转前端,目前从事前端开发和学习
展开
-
对已知的盒子水平居中的方法总结
对已知的盒子水平居中的几种方式进行一下总结定义一个249*249px的大盒子里面包括一个120*120px的小盒子①绝对定位+基于父盒子移动,移动值为自身的一半拿水平(宽)居中举例,父盒子由两个子盒子拼接,所以自身的一半(这里是125)就是刚好居中的位置\前提是子盒子得定义了宽高 .box{ position: relative; height: 249px; width: 249px;原创 2021-10-14 11:27:47 · 184 阅读 · 0 评论 -
移动Web学习之flex布局
flex布局首先我们要了解一个概念,就是现在一般的移动端开发都用iPhone6-8的机型作为标准像素尺寸,因为随着现在智能手机的像素越来越高,屏幕上的一个物理像素点可能装了几个逻辑像素点做前端开发的时候,默认收到的都是二倍图,为了兼容用户的默认视口宽度,可以在像素大厨里切成一倍图方便调试。PC默认视口宽度是980px,添加了视口标签之后就为设备的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-09-29 18:04:58 · 211 阅读 · 0 评论 -
移动WebTransform进阶学习动画转换旋转3D
Transform进阶学习空间转换语法Transform:translate3d:(x,y,z);— Transform:translate;Z轴的效果表现需要借助perspective属性(取值一般在800-1200)【加到父元素】视距属性Perspective属性值越小,那么Z轴所表示的3D效果就越明显(也就是眼睛距离电脑中的效果就越近)空间旋转Transform:rotateX/Y/Z 或 rotate3d(x,y,z,deg) 【x,y,z取值为1】用得少取值1代表原创 2021-09-26 22:15:24 · 163 阅读 · 0 评论 -
移动web字体图标平面转换学习
移动端第一天学习笔记字体图标如何使用字体图标?使用字体图标:在标签类加上iconfont,并引入CSS后缀的图标样式表(iconfont)方法①使用unicode编码 /* &#字符实体 x十六进制 */unicode编码的含义例:直接在标签内容里输入编码,在标签类加上iconfont,或给标签加上font-family:’iconfont’方法②直接加类 在标签里加入至少两个类,iconfont+icon-lishijilu(例),当原创 2021-09-24 22:11:04 · 111 阅读 · 0 评论