css
-
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…
-
前端实现界面切换主题
✨ 目录 ▷ 样式切换主题 ▷ 变量设置主题 ▷ 样式切换主题 常用的主题切换实现方式之一，就是通过 link 标签的 rel 属性来实现的 当 rel 标签的值是 alterna…
-
php+mysql期末作业小项目
目录 1、登录界面 2、注册界面 3、主界面 4、学生表界面 5 、查询学生界面编辑 6、修改学生信息界面编辑 7、删除学生信息界面 8、添加学生信息界面 9、后台数据库编…
-
利用html+css制作个人简历
个人简历制作 使用html和css制作一份个人简历； 软件：IntelliJ IDEA 2022.3.2 Ultimate 效果演示： 前期准备 俗话说的好：工欲善其事必先利其器。…
-
前端常用js、css效果
前端常用js效果 效果 参考代码 文本横向滚动 文本无限滚动 无缝轮播 无缝滚动 盒子上下移动 樱花飘落 效果 主要整理了几个常用的，方便平时做项目的时候参考 文本横向滚动 文本无…
-
谷歌、火狐、ie浏览器更改滚动条样式
一、谷歌： 1、全局修改，所有滚动条生效： // 滚动条整体样式 ::-webkit-scrollbar { width: 10px; // 高宽分别对应横竖滚动条的尺寸 …
-
【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
【写在前面】vue3在vscode运行正常、build后在IDEA运行正常，但是当部署在服务器上运行发现样式加载不出来，下面我们针对这些情况进行复现与解决。 一、问题分析 困扰我好…
-
java web 项目大作业
项目历程 1.对整个网页进行页面设计 Axure mockitt 2.静态网页 Html Css Javascript 3.动态网页…
-
【常见CSS扫盲之渐变效果】好看的24种CSS渐变效果汇总（附源码）
【写在前面】web开发过程中，页面背景色想要一个渐变的效果很多时候网上一找全是官网那种很丑的色系，尤其是一些按钮和一些大背景色时候，不能搞得很yellow，今天我就做个工具人给大家…
-
前端：纯css实现图片轮播（自动+手动）
目录 1.图片自动轮播 2.图片手动轮播 3.补充内容 1.图片自动轮播 创建2个盒子，一个盒子进行轮播图展示，一个盒子用来承载图片 CSS重置reset.css & no…
-
30个HTML+CSS前端开发案例（完结篇）
30个HTML+CSS前端开发案例（完结篇） flex弹性布局-今日头条首页热门视频栏 代码实现 效果 flex弹性布局-微博热搜榜单 代码实现 效果 grid网格布局-360图片…
