前端

一、安装 只需要在命令行敲下(你得有 node 环境): npx create-next-app@latest 启动 进入到latest文件夹 npm run dev 二、路由 (一)用户端交互 ...
前端 2 分钟阅读 16 浏览
八分钟入门 Next.JS

今天在一个网页要实现avatar icon的效果,百度了一下,原来十分简单。 代码如下: <!DOCTYPE html> <html> <head> <meta name=&qu...
前端 2 分钟阅读 8 浏览
如何实现Avatar Icon效果

一、关于元素居中 今天要实现一个div居中的问题,没想到自己还花了一点时间。 要实现的效果如下,在两个div中间,有一个div(中间还有元素),要将中间的div...
前端 2 分钟阅读 4 浏览
CSS第二课

一、建立文件夹 2.建立theme.liquid文件 3.将theme文件夹打包成theme.zip 4.上传theme文件 5.publish theme 然后点击”custom”,在打开的网页...
前端 2 分钟阅读 12 浏览
Shopify模板开发二

一、开发前的准备工作 (一)建立账号 我原来已经建立了一个shopify店铺,用那个邮件登陆之后,还是提示要建立账号,那么点击“Create new partner account”再...
前端 3 分钟阅读 10 浏览
shopify模板开发一(前期)

一、知识点 (一)flex Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和...
前端 11 分钟阅读 12 浏览
图片排版flex

一、bootdey.com 亲测bootstrap 5可以用 本地测试效果 https://www.bootdey.com/bootstrap-snippets?q=bootstrap 二、导航条+评论 <!DOCTYPE html>...
前端 27 分钟阅读 9 浏览
Bootstrap模块收集snippets

一、使用教程 第1步:注册账号 需要在Mdbootstrap pro5网站(https://mdbootstrap.com/)注册一个账号,或者你有gmail,github账号,则可以直接登陆即可。 第2...
前端 2 分钟阅读 10 浏览
Mdbootstrap pro5怎么用

最近在学习CSS,发现这个手写的css网页设计,觉得非常有用,现分享如下: 一、初稿 成果: 订单页面: 二、代码 index.html <!DOCTYPE html> <...
前端 14 分钟阅读 5 浏览
手写css网页设计