前端哥

女神节告白代码

2024-02-20今天是女神节,送给所有女神们一句话:爱自己是终生浪漫的开始,无论何时都要好好爱自己今天我们来写表白爱心代码首先HTML里body只要写两行代码就可以了,后面都是js代码了我们的样式css代码如下:首先我们先定义一个Settings。_css表白

https://www.qianduange.cn//article/2331.html 分类:前端知识

Obsidian插件推荐和页面宽度行间距设置

2024-02-20在.obsidian目录下新建目录snippets,同时新建文件,命名为比如“my_snippets.css”,复制以下内容,并通过设置-外观-css代码片段来加载即可。可以清除本地未被引用的图片或附件等,可以按目录确认删除哪些文件,个人觉得比其他的什么image unlink之类插件好用。像富文本编辑器一样,增加了一个菜单栏操作,可以便捷操作标题等级、加粗、标注、代码块、序号、高亮等等,很方便。滚轮缩放图片,可以直接把图片大小写进Markdown,排版的时候很方便,使用方法是:按住alt加滚轮。_obsidian 页面宽度

https://www.qianduange.cn//article/2320.html 分类:前端知识

21个超实用的 CSS 技巧分享(附图示)

2024-02-13本文中分享的所有CSS技巧都是来自GitHub代码库“css tips tricks”的手工精选,此代码库专为开发者提供专业的CSS技巧。1、文档布局使用仅两行css代码,创建一个响应式的文档布局。这个布局风格类似于文档页面,可以很好地展示各种信息。.parent{ display: grid; grid-template-columns: minmax(150px, 25%) 1fr;...

https://www.qianduange.cn//article/1904.html 分类:前端知识

一步到位:三行css代码轻松实现全网站暗黑模式

2024-02-11本文首发于微信公众号:大迁世界, 我的微信:qq449245884,我会第一时间和你分享前端行业趋势,学习途径等等。更多开源作品请看 GitHub,包含一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGpt plus版本的,我们出的钱体验地址:https://chat.waixingyun.cn可以加入网站底部技术群,一起找bug.本文由 Mads Stoumann 撰写的博文,主要介绍了如何通过简单的三行css代码实现网站的暗黑模式。该博文提到,_深色模式暗黑模式样式服务

https://www.qianduange.cn//article/1699.html 分类:前端知识

项目中如何使用stylelint来规范css?

2024-02-10Stylelint 是一个强大的 CSS 静态分析工具,用于帮助开发者遵循一致的 CSS 代码风格和最佳实践。它可以检查 CSS 代码中的错误、不一致的命名约定、不推荐的用法,以及其他潜在的问题。比如说:我们在写css代码时,一般不注重css的书写顺序,那么stylelint就会帮助我们来规范css的书写顺序。这里涉及到css的书写顺序,简单科普以下css书写顺序。_stylelint单引号的新规则是什么

https://www.qianduange.cn//article/1659.html 分类:前端知识

【Web前端HTML CSS基础——小米官网项目实战】

2024-02-01小米官网是学习前端实战项目锻炼最多的一个项目,基本上就是学习完HTML和CSS之后就可以开始锻炼自己实战的能力,学习如何搭建自己一个完整的页面实战,对之后的学习打下很好的基础,在这个博客的代码中,我只是涉及到相关的HTML和CSS,图片路径可以自己改并且找一些相关的图片,或者下载我主页的资源。_小米官网html css代码

https://www.qianduange.cn//article/986.html 分类:前端知识

Dreamweaver网页设计与制作100例——HTML5期末考核大作业——票务网站整套网页

2024-01-31HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——??毕设项目精品实战案例】文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.css代码三、个人总结四、精彩推荐一、网页介绍1 网页

https://www.qianduange.cn//article/917.html 分类:前端知识

Vue--》搭配Bootstrap实现Vue的列表增删功能

2024-01-31在日常开发中,我们可以用 “拿来主义” 借助Bootstarp现成的一些样式,快速生成我们想要的页面布局,避免书写大量的HTML和css代码,省下了许多不必要的时间。当我们想要生成表单表格时我们可以查看Bootstrap的官方文档,来选择我们想要的样式,并根据自己的一些实际情况或者个人喜好进行一定的修改。我们使用filter进行过滤掉删除的数组,当前循环项的item.id不等于我们要删的id,就返回。给输入框设置双向绑定事件,给表单设置提交事件并添加阻止事件。给a链接绑定一个删除的点击事件。

https://www.qianduange.cn//article/906.html 分类:前端知识

在vue中使用unocss及基本使用方法

2024-01-27unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的css代码。unocss刚上手可能有点不习惯,写多了再加上unocss的插件有语法智能提示,能使我们工作效率大大提高,接下来就是unocss熟练度的问题了。加油,看这篇文章的陌生人。_unocss

https://www.qianduange.cn//article/508.html 分类:前端知识

几款炫酷的css代码样式

2024-01-251.Neumorphism.io2.透明玻璃态生成器3.盒子阴影4.CSS 发光5.渐变颜色按钮6.3D旋转木马7.CSS 发光图标_好看的css样式模板

https://www.qianduange.cn//article/299.html 分类:前端知识

81条数据,当前8/9

最近搜索

会员中心 联系我 留言建议 回顶部