css
-
CSS基础（超详解）
目录 1 css基础知识 1.1基础知识 1.1 概述 1.2 优势 1.3应用css的步骤 1.2 css基本语法 1.3 css使用方法 1.3.1 内嵌样式 1.3.2 内部…
-
Vue实现验证码登录
在我们进行登录的时候，为了保护系统的安全性，也是防止恶意进行登录，进入到后台盗取数据，因此我们在登录的环节进行一定的安全保护，提升系统安全等级。在此我们运用阿拉伯数字和英文字母进行…
-
（前端）你了解shadow吗？—css属性:box-shadow、text-shadow详解
前言： css中用于设置阴影的属性有三个，分别是：box-shadow(盒子阴影)、text-shadow(文本阴影) 以及filter：drop-shadow，本篇文章着重介绍盒…
-
前端:运用HTML+CSS+JavaScript实现拼图游戏
前一段时间突然来了一个想法，就是运用前端知识实现一个拼图游戏，但是不知道具体怎样实现。今天，想到既然实现不了现实中我们看到的那种拼块，那么就用正方形来代替吧！ 效果如下： 想到就是…
-
【JavaScript】基于querySelector / querySelectorAll对元素的操作，为你的DOM API基础扫盲~
目录 一、通过querySelector / querySelectorAll获取元素 1.1 单个标签选中 1.2 多个标签选中 二、基于这组DOM API，对元素进行操作 2…
-
前端技术搭建拼图小游戏（内含源码）
The sand accumulates to form a pagoda ✨ 写在前面 ✨ 功能介绍 ✨ 页面搭建 ✨ 样式设置 ✨ 逻辑部分 ✨ 写在前面 上周我们实通过前端基…
-
截图转HTML代码，支持预览，前端不用浪费时间写html和css了
截图转代码 试用地址：https://picoapps.xyz/free-tools/screenshot-to-code 这个简单的应用可以将截图转换为HTML/Tailwind…
-
Windows和Mac安装.ipa包教程
目录 一、Mac电脑安装ipa包 二、Windows电脑安装ipa包 一、Mac电脑安装.ipa包 1.在爱思助手官网 https://www.i4.cn/ 下载爱思助手 …
-
前端页面适配之postcss-px-to-viewport
一：简介 postcss-px-to-viewport 是一个 PostCSS 插件，用于将 CSS 中的 px 单位转换为 vw 或 vh 单位。它可以帮助我们实现在不同屏幕尺寸…
-
HTML引入css文件（四种方法）
一.内嵌样式表 在HTML的标签中的标签中添加css样式，使用内嵌样式表定义的 CSS 样式只能在当前网页内使用。 内嵌样式 body { background-color: l…
-
el-icon不垂直居中，与文字不对齐的解决策略
我们在使用el-cion的时候，渲染出来之后它是一个i包裹着一个svg的，默认不会垂直居中，就会与文字形成偏移 居中的策略： 1、将外层div设置为display:flex，设…
-
〖大前端 – 基础入门三大核心之CSS篇⑱〗- CSS中的背景
说明：该文属于 大前端全栈架构白宝书专栏，目前阶段免费开放，购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。 福利：除了通过订阅”白宝书系列专栏”…
-
用HTML语言制作一个非常浪漫的生日祝福网，手把手教你制作炫酷生日祝福网页
一、📚网页介绍 明天就是女朋友的生日了, 是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来…
-
JS和CSS实现的原生轮播图
JS+CSS实现滑动轮播图 使用JS加CSS来实现的幻灯片，主要使用的是CSS的transform属性中的translate来实现，适合与用户交互的轮播图，展现轮播图的数量，用户…
-
4. sass实用函数归纳
4. sass实用函数归纳 字符串函数 1、quote(string) 给字符串添加引号 quote(xiaoming) // “xiaoming” 2、unquote(strin…
