前端菜菜DayDayUp的博客

CSS选择前几个元素、后几个元素或者指定元素

利用flexible.js和VSCode插件cssrem进行响应式布局-附带案例

给大家推荐一下近期看的一篇css样式文章，基础知识点个人认为还是比较全面的，同时也要感谢这位博主，推荐给大家一起学习进步！！！https://blog.youkuaiyun.com/zzzhhhy/article/details/123105369?spm=1001.2014.3001.5502https://blog.youkuaiyun.com/zzzhhhy/article/details/123105369?spm=1001.2014.3001.5502...

想必每位做前端开发的小伙伴对flex弹性布局都不陌生，我也是在学习的时候逛评论区无意发现的一张图片，清晰透彻，这里就分享给各位小伙伴，大家一起学习，共同进步！

这种方式需要已知子元素的宽高

每个web开发人员都必须具备在页面上定位元素的能力。然而，即使是经验丰富的开发人员也经常为此感到困惑，需要到互联网上搜索解决方案。那么你想为CSS定位王者吗？请继续往下看吧。CSS position属性position属性告诉浏览器某个元素应该如何在页面上定位。默认情况下，position的值是static，但我们可以将其修改为以下任意值：relative、absolute、fixed、sticky。在这篇文章中，我将一 一进行介绍。基础示例为了方便大...

气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+ 一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡框会很不方便，可能每修改一次气泡框都要重新制作一个三角形小图标。如果我们能够直接用HTML和CSS代码实现这样一个三角形小箭头一切都迎刃而解了。第一步，首先要有个框！很简单，一个div就可以了，然后.

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。例如 width：100%实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号，如下。实现方法：display:-webkit-...

1.input需要被包裹在from表单中；2.input的type类型为search3.点击按钮的触发事件为 @keydown.enter = ""