• 当我们在使用css display: flex 的时候,浏览器到底发生了什么?

    按我想法的话,CSS 网格布局(grid)和弹性布局(Flexbox)应该同时出现才对,这样网页布局方案就变得完整了。事实是,弹性布局先出现,因为使用弹性布局创建类网格(grid-type)系统比使用浮动更加便捷,于是我们便得到了许多基于 Flexbox 的网格系统。实际上,Flexbox 的优势并 2024-08-31 08:33:24
  • 一起学习PHP中GD库的使用

    上篇文章我们已经学习了一个 GD 库的应用,那就是非常常用的制作验证码的功能。不过在现实的业务开发中,这种简单的验证码已经使用得不多了,大家会制作出更加复杂的验证码来使用。毕竟现在的各种外挂软件已经能够轻松地破解这种简单的图片验证码了。当然,我们也可以简单地对他进行变形,比如使用中文然后按顺序点击之 2024-08-31 08:18:11
  • php 函数重载的常用方法

    广东IT优就业本文讲述PHP实现重载的常用方法,供大家参考,具体如下:php是弱类型语言,并没有像JAVA这种强类型语言一样有重载。重载一般来说就是拥有相同的函数名或方法名,但是参数列表却不同(包括参数个数和参数类型)从这个定义来说,php是没有重载的,因为php不允许存在相同的函数名,但是没有并不 2024-08-31 08:04:18
  • php developer 工资翻倍需做到的5件事

    1使用PHP核心函数和类在创建函数前查一下PHP手册,也许你想做的函数别人已经构建好了,有效的使用它们不仅可以简化开发效率和流程,它们也有更好的执行效率。2创建一个配置文件让你一脸懵逼的有散乱的配置,为了更好的组织和连接数据库,你可以创建一个便于PHP操作的配置文件。像一个函数一样便于使用,而非在不 2024-08-30 11:30:02
  • CSS布局静态页面时你是否为了line-height属性苦恼过?

    line-height 属性概念: 行高指的是文本行的基线之间的距离, 更简单来说行高是指文本行基线间的垂直距离, 行高也是文字大小与行距的和, 行高越大则行间距越大!注意:line-height属性不允许使用负值。但是很多人就只是知道 line-height属性用于设置行高, 而行高到底是一个什么 2024-08-30 10:45:41
  • CSS基础知识 CSS阴影及圆角边框

    二、CSS阴影(box-shadow)1.盒子阴影语法box-shadow:h-shadow v-shadow blur spread color inset;属性值特点h-shadow必需,水平阴影位置,可负v-shadow必需,垂直阴影位置,可负blur可选,模糊距离(虚实)spread可选 2024-08-30 10:33:22
  • 使用 CSS Grid Generator来快速使用及学习 Grid 布局

    CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具,允许咱们创建一个基本的 grid 布局,然后就可以使用生成对应的代码,帮助咱们快速布局。第一次进入是界面是这样子的:CSS Grid 布局示例当我正在学习 2024-08-30 10:03:28
  • css3 的background 背景渐变色

    background-image: linear-gradient(0deg, #fff 0%,#000 100%);上面是主代码,括号内的0deg是角度,后面跟着一个颜色和颜色开始的位置,后面跟着另一个颜色和颜色结束的位置,可以写很多个颜色,标注好位置就好。样式1background-image: 2024-08-30 09:48:19
  • 38个不可错过的实用前端工具(css layout generator)

    1. Small Dev toolsSmall Dev Tools 是一个前端工具网站,包含了很多实用的功能,比如JSON解码器、JSON格式化程序、UTF8编码、Base64编码、Base64解码、CSS格式化程序、CSS压缩器等。官网:https://smalldev.tools/2. Carb 2024-08-30 08:33:18
  • 面试官:你能用纯CSS判断鼠标进入的方向吗?

    前言在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。给出的初始结构如下:<style>body {padding: 2em;text-align: center;} 2024-08-29 10:45:41