知识问答

css2D转化让盒子水平垂直居中

2026-05-10

p { position: relative; width: 500px; height: 500px; background-color: pink; } p { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; background-color: rgb(216, 50, 50); transform: translate(-50%, -50%); }...

阅读更多

知识问答

仿小米logo的案例

2026-05-10

训练描述 当鼠标移入到logo上的时候,左侧会滑出一个小房子,当鼠标移出logo的时候,恢复成原来的样子,并且中间的切换是有动画的 训练提示 1. 搭建以项目为主的几个文件 2. 书写 logo的页面布局 - logo图标的布局应该是一个p的大盒子,里面包裹了a标签 - 给a标签设置 官网名字,但是不能展示在页面显示(目的是方便搜索引擎) - 给a标签设置before和after两个伪元素,分别设置不同的背景图片 - 利用偏移让两个盒子水平排列...

阅读更多

知识问答

2D转换

2026-05-10

(1)缩放scale 缩放,顾名思义,可以放大和缩小。只要给元素添加上了这个属性就能控制它放大还是缩小 重点: 1. 注意其中的x和y用逗号分隔 2. transform:scale(1,1):宽和高都放大一倍,相对于没有放大 3. transform:scale(2,2):宽和高都放大了2倍 4. transform:scale(2):只写一个参数,第二个参数则和第一个参数一样,相当于 5. scale(2,2)transform:scale(0.5,0.5)∶缩小 6....

阅读更多

知识问答

网页界面空间的影响要素

2026-05-10

打开同一个网页时,不同的机器上看到的界面效果可能大不相同,这是由于网页显示媒介的特性所决定的。网页界面空间显示依赖于显示器的分辨率与浏览器这两大因素。 分辨率与显示器 分辨率是屏幕上图片所呈现的精细度。一般而言,较高的分辨率的图片所呈现出来的细节越多、效果越好。屏幕分辨率的单位是像素,是一个相对单位,即物理设备上的1像素。一般以纵向像素×横向像素来表示一个终端设备的分辨率。如当前显示器的屏幕分辨率是1920像素×1080像素,即每一条水平线上包含有1920个像素点,共有1080根水平线。...

阅读更多

知识问答

易优CMS建站自主搭建教程

2026-05-10

易优CMS系统的简单、免费、开源、实用性高、更新频率高、实用性强,本文将详细的讲解如何快速的完成易优cms搭建。 第一步:易优CMS源码的下载地址:https://www.eyoucms.com/,进入官网后,点击立即下载。 第二步:进入宝塔面板,『点击网站 > 添加站点』,我这里演示的是服务器建站,如果你不会安装宝塔面板,你可以看一下《服务器配置php环境一键搭建宝塔Linux面板》这一篇教程。 第三步:创建新站点 域名 :填写你已经解析的顶级域名或者是子域名; 备注 :可以自定义填写...

阅读更多