实用技巧 技巧css

css使用border-image和flex布局设计一个随着文字多少自适应的标题

需求: 设计一个标题,让中间部分随着文字而撑大,同时文字渐变,两边自适应,这种情况就不能用传统的背景图片了,想到可以使用图片边框来做 解决思路: 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ......
border-image 布局 文字 标题 border

一些常用的数据集操作技巧

#查看当前tensorflow的版本 tf.__version__ #标签可以用数组做映射 class_names = ['T-shirt/top', 'Trouser', 'Pullover', 'Dress', 'Coat', 'Sandal', 'Shirt', 'Sneaker', 'Bag ......
常用 技巧 数据

css修改页面内元素的滚动条样式

<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
样式 元素 页面 css

css实现 h5滑动时隐藏滚动条

.menus{ margin: 10px 0 ; margin-left: 18px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .menus::-webkit-scrollbar { display: none; width: 0 ......
css

常见实用算法大集合

最近难得有空,整理了一下以前项目中用到的一些常见算法,从原理入手,深入浅出讲解,并给出每个算法的实现,对开拓思维还是很有帮助的,同大家一起分享,有不对之处欢迎一起讨论。 快速排序 快速幂算法 斐波那契数列 异或算法 Base64编码/解码算法 CRC16算法 SHA256算法 1. 快速排序 快速排 ......
大集 算法 常见

关于一类 1D1D dp 问题的优化技巧

典型模型: $$dp_i=\min\limits_{i-k+1 \leq j \leq i} dp_{j-1}+max(a_j,a_{j+1},\dots,a_i)$$ 这类问题有简单的 $nlogn$ 做法,但是对于部分问题则要求我们使用线性做法。一个用烂的做法是用均摊的数据结构去维护上面的转移区 ......
技巧 问题 1D1D 1D D1

在chrome下css/js等资源加载缓慢20s+或者30s+

## 问题 chrome、edge等浏览器在打开web网站,部分资源加载缓慢,严重影响体验. ## 在转发nginx上请求和响应时间差距很小,都是30s+ ![image](https://img2023.cnblogs.com/blog/790307/202309/790307-202309071 ......
chrome 资源 css 20 30

常用的Python使用技巧和快捷键

在Python编程中,有一些常用的使用技巧和快捷键,可以提高编码效率和开发速度。以下是一些常见的技巧和快捷键: 1. 代码缩进和格式化: - 缩进:在Python中,使用缩进来表示代码块的层次结构,建议使用四个空格进行缩进。 - 代码格式化:可以使用工具如autopep8或yapf来自动格式化代码。 ......
使用技巧 快捷键 常用 技巧 Python

html+css:一个元素多个类,来抽取相同的属性

如下的图像 其三个box的高度是相同的,且具有浮动元素,因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解,但是我们在整体的代码设计中很难考虑这一点,这个一定要记住!! .child{ height: 200px; float: left; } <div class="box"> <div ......
属性 元素 多个 html css

流程全局引入外部JS、CSS

全局引入,所有流程 E9如果在代码块里面这样: <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入,如下: ......
全局 流程 CSS

html+css:“圣杯布局”的设计案例

一、什么是圣杯布局 圣杯布局:左右两个盒子固定宽度, 中间盒子自适应 二、圣杯布局的设计原则: 我们现在来思考自适应这个问题,其本质就是 left 和 right 覆盖一整个大的center, 然后center使用padding把内容左右留出left和right相应的宽度。 可是,现在如何来覆盖呢? ......
布局 案例 html css

如何通过小红书发现独特的手工艺品和工艺技巧?

我是小红书专家小紫,今天我将为你带来一篇关于如何通过小红书发现独特的手工艺品和工艺技巧的文章。小红书作为一个集创意、分享和灵感于一体的社区平台,有着丰富的手工艺品和工艺技巧内容等待着你的探索! 🔍 第一步:挖掘小红书的宝藏 首先,打开小红书APP,进入搜索栏。输入你感兴趣的手工艺品或工艺技巧关键词 ......
手工艺品 艺品 手工 工艺 技巧

跑马灯(文字和图片轮播)效果纯css实现

1. 文字和图片连续轮播 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字和图片连续轮播</title> <style> * { margin: 0; padding: 0; } body{ text-align: cent ......
跑马灯 效果 文字 图片 css

在小红书上学习专业美容技巧与化妆技能

在小红书上学习专业美容技巧与化妆技能 🌟 嗨,亲爱的小伙伴们!欢迎来到小紫的美妆天地!今天我将带你一起探索小红书这个魔法般的平台,让你轻松成为专业美容达人!准备好了吗?让我们开始吧!💄💅👀 第一步:挖掘小红书的宝藏 小红书可不仅仅是个购物指南哦!在这里,你可以找到大量的专业美容技巧和化妆技能 ......
专业美容 技能 技巧 专业

html+css:滑动门的设计案例

一、什么是滑动门布局? 其代码效果如下所示,其不管中间的文字多长,其图片都可以包含进去!! 二、如何实现滑动门布局? 首先,我们通过背景图片,通过 <a> <span> 关于我们 </span> <a> 这种来将内容包裹进去。 然后对a进行 background-img 左边,然后对span进行 b ......
案例 html css

在小红书上学习专业摄影后期处理技巧

嘿,小红书的朋友们!今天我要和大家分享一些在小红书上学习专业摄影后期处理技巧的秘诀。作为一个热爱摄影的人,我深知后期处理对于一张照片的重要性。它能够让平凡的照片变得生动有趣,甚至让你的朋友都惊叹不已!下面,就让我来带领大家一起进入这个色彩斑斓的后期处理世界吧! 1. 选择合适的后期处理软件 首先,我 ......
专业摄影 技巧 专业

小红书上的护肤技巧:应对常见皮肤问题

嘿,小红书的护肤达人们!今天我要和大家分享一些应对常见皮肤问题的护肤技巧,让我们的肌肤焕发出迷人光彩!🌟 1. 油性皮肤:控油大作战 如果你是油性皮肤的持有者,你可能经历过油光满面和痘痘困扰。别担心,我来帮你解决这个问题!首先,选择温和的洁面产品,避免刺激皮肤产生更多油脂。其次,使用含有水杨酸成分 ......
皮肤 常见 技巧 问题

小红书旅行拍照技巧:捕捉完美的自然风光

大家好呀!我是小红书专家小紫,今天给大家带来一篇关于旅行拍照技巧的文章。相信大家都有过这样的经历:看到美丽的自然风光,拿出手机想要记录下来,但最后的照片却远远没有实际景色那么美。别担心,我会与你分享几个捕捉完美自然风光的技巧,让你的照片在小红书上引起轰动! 第一步:寻找光线宝藏✨ 光线对于摄影来说是 ......
自然风光 风光 自然 技巧

快速提升手机摄影技巧的小红书贴士

嗨,小红书的摄影达人们!今天我要与大家分享一些能够快速提升手机摄影技巧的小红书贴士。无论你是一个刚入门的新手,还是已经拥有一定摄影经验的老手,这些贴士都能让你在手机摄影领域脱颖而出。让我们开始吧! 1. 持稳如磐的利器 📸 首先,除了你的技术,你需要一部稳定的手机来捕捉美丽的瞬间。选择一款具备光学 ......
摄影技巧 技巧 手机

小红书时尚穿搭技巧:打造不落俗套的个人风格

嘿,小红书的时尚探索者们!今天我要为你们揭秘一些独特的穿搭技巧,帮助你们打造出与众不同的个人风格。别再陷入俗套,让我们一起展现个性吧! 1. 挖掘你的风格宝藏 💎 在追求个人风格的道路上,首先要了解自己。不要盲目地追随潮流,而是发掘自己的独特之处。回顾过去的时尚偏好和经典造型,找到那些最能展现你个 ......
风格 技巧 时尚 个人

化妆达人技巧分享:在小红书上学习复古妆容

嗨,亲爱的小伙伴们!我是你们的小红书专家小紫,在这里给大家分享一些绝妙的技巧,让你们在小红书上学习复古妆容! 🌟 第一步:寻找灵感 ✨ 要想学习复古妆容,首先我们需要寻找一些灵感。小红书上有着丰富多样的内容,从明星妆容到复古风格的妆容教程,应有尽有。在搜索栏中输入"复古妆容",你将会被迷人的图片和 ......
技巧

轻松掌握美食摄影:小红书上的技巧与诀窍

轻松掌握美食摄影:小红书上的技巧与诀窍 嘿,小红书的美食探索者们!我是你们的小紫,今天我要和你们分享一些轻松掌握美食摄影的技巧和诀窍。在小红书这个充满了美味和创意的平台上,拍出令人垂涎欲滴的美食照片可是一门必备的技能哦! 找准灯光 🌞 你知道吗?灯光是成功的美食摄影的关键之一。不同的灯光可以创造出 ......
诀窍 技巧 美食

流行发型灵感来自小红书:尝试新造型的提示与技巧

流行发型灵感来自小红书:尝试新造型的提示与技巧 嘿,小伙伴们!今天我要来和大家聊一聊流行发型灵感的秘密来源——小红书!作为一个小红书专家小紫,我要教你如何通过小红书获取最新、最潮的发型灵感,并分享一些尝试新造型的实用提示与技巧。快跟着我的步伐,让我们一起探索创意与时尚的世界吧! 1. 掌握关键词搜索 ......
灵感 发型 技巧

小红书穿搭技巧大揭秘:提升你的时尚品味

嘿嘿,你好!我是小红书专家小紫,今天要为大家揭秘一些超赞的小红书穿搭技巧,让你的时尚品味瞬间提升!🌟 1. 找准个人风格:展现真实的自我 在追求时尚潮流的同时,也要记得保留自己的独特风格。在小红书上可以找到各种穿搭灵感,但不要盲目去模仿,而是选择适合自己的元素进行融合和创新。打造出与众不同的个人风 ......
技巧 时尚

如何利用小红书提高摄影技巧?

如何利用小红书提高摄影技巧? 嘿,大家好!我是你的小红书专家小紫。今天我要分享一些关于如何利用小红书提高摄影技巧的秘诀和技巧。无论你是一个新手还是已经有一定拍摄经验的摄影爱好者,小红书都是一个宝藏般的资源,能够为你带来灵感和学习材料。让我们一起探索吧! 1. 关注优秀摄影师 小红书上有很多优秀的摄影 ......
摄影技巧 技巧

故事叙述技巧:让读者沉浸于你的小红书世界

故事叙述技巧:让读者沉浸于你的小红书世界 📚 欢迎各位小伙伴们来到我的小红书世界!今天,我们将一起探索故事叙述的奇妙技巧,让你的读者陷入其中,无法自拔。快跟我来,成为一个优秀的小红书故事讲述者吧!✨ 1. 引发共鸣,留下深刻印象 要让读者真正沉浸在你的小红书世界里,首先要引发他们的共鸣。通过以第一 ......
读者 技巧 故事 世界

小红书引流技巧

小红书引流技巧 嘿,小伙伴们!今天我要和大家分享一些独特又实用的小红书引流技巧。想要吸引更多人关注你的内容,让他们沉迷其中?那就跟着我一起来探索这个有趣而又充满挑战的世界吧!🚀 1. 引人入胜的标题和封面 首先,让我们从标题和封面开始。如同一本书的封面决定了读者是否愿意打开它,一个吸引人的标题和精 ......
技巧

html+css:padding与margin的应用场景,以及margin上边框合并问题

一、一个困扰自己长久的问题 padding 和 margin 其似乎可以实现相同的效果,但是纠结使用哪一个。 现在一个规定: 若是内嵌关系,则使用padding来调整,若是并列关系,则使用margin来调整! 若是内嵌关系,则使用padding来调整,若是并列关系,则使用margin来调整! 若是内 ......
margin 边框 场景 padding 问题

js_js&css 导入形式

href: <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="./css/font.css"> <link rel="stylesheet" href=" ......
形式 js_js js amp css

CSS 自定义checkbox样式

小星星 /**checkbox 样式 begin*/ .chkAuto { width: 10px; height: 10px; } .auto_check input[type="checkbox"] + label::before { content: " "; display: inline- ......
样式 checkbox CSS