css

Day6 前端开发（from teacher；HTML,CSS,JavaScript,Web APIs,Node.js,Vue）网页：PC / H5，HTML / CSS / JS，Vue / React小程序：微信、支付宝 …移动 APP：React Native、Weex、NativeScript、Uni APP、Taro

基础CSS语法目录简述：css的三种书写位置方式一：内联样式/行内样式方式二：内部样式表第三种方式：外部样式表面试题：link标签、@import引入css文件，有什么区别

解决Tailwind任意值滥用：规范化CSS开发体验背景 eslint-plugin-tailwindcss插件的no-unnecessary-arbitrary-value无法对所有的任意值进行校验，比如h-[48px]、text-[#f5f5f5]无法校验出来。但tailwindcss的预设值太多了，一个不小心可能就又写了一个没有必要的任意值。为了避免这种情况，我们需要自己实现一个检测任意值的eslint插件。

从零理解 CSS 弹性布局：轻松掌控页面元素排布你好，我是一个 JS 新手，也是掘金新人。这篇文章记录了我在学习 CSS 弹性布局（Flex Layout）过程中的理解与总结。如果你和我一样，刚接触前端、不太适应传统布局方式，那么 Flex 很可能会成为你的“救星”。

西洼工作室

前端js汉字手写练习系统

CSS 有什么奇技淫巧？转载自作者：独元殇宽高比如果，你 aspect-ratio 的值写成 1 ，那么就可以得到一个完美的正方形了！

我血条子呢

【CSS】类似渐变色弯曲border因为border-image 和 border-radius 不能同时生效。所以使用双层背景实现。注：class属性使用了tailwindcss

用户188787106984

CSS3 clip-path+animation实现不规则容器中的粒子下落使用CSS3的clip-path实现不规则图形裁剪，结合CSS3 animation实现粒子下落动画效果，如下：

用户188787106984

CSS3 实现16:9大屏居中显示大屏项目中，一般需要在不同分辨率上显示居中显示大屏内容，且不出现滚动条。实际展示大屏的硬件设备比例不一，为了兼容，并且不出现UI被拉伸的情况，发现可以使用CSS3的transfrom-scale属性，并配合CSS变量实现。其中transfrom-scale用在大屏绘制最外层盒子上，盒子内的样式按照UI给出的16:9的比例绘制。效果图：

CSS 核心知识点精讲：基础概念、样式规则与布局技巧CSS是网页设计的核心技术之一，用于控制HTML页面的外观和布局。HTML负责“结构”（页面里有什么），CSS负责“样式”（这些内容长什么样、放在哪），二者分离让网页开发更灵活、易维护。

使用CSS Contain 优化你的页面（重排和重绘）每一次面试，是不是都会被问到，”怎么减少页面的重排和重复“，下次问到时候，你可以自信的补充一条：使用contain 优化

未来可期wlkq

overflow跟input搭配使用，会导致内容区整体移动，overflow属性导致setTimeout(() => { console.log(‘%c%s’, ‘color:#cb3a56’, ‘Log: ???—行’, this.zingBody_DIV.scrollTop) // this.zingBody_DIV.scrollTop = 0 })

四、Chrome调试工具（拓展）查错流程（遇到样式出不来,要学会通过调试工具找错）

奶球不是球

elementplus组件中el-calendar组件自定义日期单元格内容及样式

我这一生如履薄冰~

css属性pointer-events: nonepointer-events：属性控制一个元素是否能够接收用户的指针事件。指针事件通常指鼠标点击、悬停、拖动，或者触摸事件等。这些事件可以用来触发元素的交互，例如按钮点击、链接跳转、元素拖动等。

第十九篇：Day55-57 前端工程化进阶——从“手动低效”到“工程化高效”（对标职场“规模化”需求）随着前端项目规模扩大，团队人数增加，“手动开发”的弊端愈发凸显：某中型互联网公司的电商项目，3名前端开发者因未统一代码规范，每周需花费15小时解决代码冲突；某创业团队因缺乏自动化构建流程，每次上线需手动修改10余个文件路径，上线故障率高达20%；某大型企业的管理系统因未做模块化拆分，单个页面JS文件体积超过2MB，首屏加载时间长达8秒，用户流失率提升40%。

vue3+vite+scss项目使用tailwindcss在 Vue3 项目中集成 Tailwind CSS 是现代前端开发的主流选择（尤其搭配 Vite），核心优势是「原子化样式、高度定制化、按需打包」。以下是完整的集成步骤（覆盖 Vite 脚手架）、基础使用、进阶配置和避坑指南，全程可落地。

CSS容器查询：让组件学会“见机行事“的魔法最近在给编辑器做工具栏时，被一个优雅的CSS新特性惊艳到了——当工具栏空间不足时，时间信息自动隐藏；侧边栏收起后，它又神奇地出现。这不是JavaScript的功劳，而是CSS容器查询（Container Queries）的杰作。今天就以这个真实案例，聊聊这个让组件"自适应"的革命性特性。

录音切片上传

狮子座的男孩

html+css基础：07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器// 一进入页面后的页面：// 访问过后的页面显示：// 一进入页面后的页面：// 在去百度和去京东悬停后的页面：