胖蔡说技术
随便扯扯

标签:css

Tailwindcss 配置使用指南-胖蔡叨叨叨
CSS

Tailwindcss 配置使用指南

amiko阅读(98)赞(0)

使用 Tailwind CSS,你可以使用Utilize Class轻松设置响应式设计,因此您无需设置媒体查询。它快速、灵活、可靠,没有运行时负担。

在没有nodejs情况下如何使用Tailwind CSS-胖蔡叨叨叨
CSS

在没有nodejs情况下如何使用Tailwind CSS

amiko阅读(89)赞(0)

Tailwind CSS是用JavaScript编写的,并以npm包的形式分发,这意味着您必须始终安装Node.js和npm才能使用它。 这使得集成到使用npm并不总是常见的项目中变得更加困难,而且随着Rails和Phoenix等工具默认...

CSS中position: sticky与overflow发生冲突如何解决-胖蔡叨叨叨
CSS

CSS中position: sticky与overflow发生冲突如何解决

amiko阅读(163)赞(0)

今天遇到一个css的问题:之前通过sticky设置的吸顶效果突然不见了,经过一番查证后发现这是因为在其父布局中添加了overflow属性导致sticky失效了。接下来,我们来了解一下sticky的设置、失效原因以及如何解决sticky失效。

CSS修改滚动条样式:scrollbar-胖蔡叨叨叨
CSS

CSS修改滚动条样式:scrollbar

胖蔡阅读(299)赞(0)

前端页面中的列表数据超出屏幕,当我们给外层容器设置了overflow:scroll , 就可以通过滚动条滚动显示内容,但是web自带的滚动条样式不太美观,这时候我们就可以通过CSS设置来美化滚动条。

CSS

CSS 浮动

胖蔡阅读(401)赞(0)

浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来。

CSS

CSS3 transition动画

胖蔡阅读(405)赞(0)

CSS3提供transition用来实现元素的过渡动画的设置,如下介绍有关过渡动画transition的属性设置和使用的注意知识点。

CSS样式权重-胖蔡叨叨叨
CSS

CSS样式权重

胖蔡阅读(395)赞(0)

CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。

CSS 选择器的使用-胖蔡叨叨叨
CSS

CSS 选择器的使用

胖蔡阅读(402)赞(0)

前端开发中,我们通常通过使用CSS的选择器来定位当前元素的位置,本文主要介绍我们常用的几种CSS的选择器,以及相应的使用方法。