CSS
(61)tailwindcss V4 警告处理, cdn.tailwindcss.com should not be used in production
用 AI 生成的网页代码，如果使用了 tailwindcss V4 的 CDN 版本，会看到浏览器控制台报了一段警告信息：
```
cdn.tailwindcss.com should not be used in producti
点击 div 区域进入链接
## 需求
在网站的产品列表页或新闻列表页，除了能点击标题能进入详情页之外。
我还希望能点击缩略图进入详情，最好是整个子 item 区域都是可点击的。
在最外层套个 a 标签，既不方便布局，语义上也说不过去。
还有一种常见的
多主题对应独立的 tailwind css 编译规则
## 需求背景
[在一套网站代码里，嵌入多套页面模板主题](/common-companys-products-services-framework-design)。
这样就需要每个独立的主题都有一个独立的 css 文件。
而
轮播图上显示文字
参考：
https://naver.github.io/egjs-flicking/Showcases
中的 Naver Art Window (Mobile) 那个示例。
## overlay 涂层样式
在与 fl
Tailwind CSS 实现网站导航菜单
## 目标
- PC/手机自适应
## 官方现成组件 Headers
https://tailwindui.com/components/marketing/elements/headers
https://tailwi
Tailwind CSS 实现自适应网页
## Mobile First
其实跟不用 Tailwind 时，纯手写 CSS 的原则是一样的，那就是：
> Mobile First
即，先写手机端的样式，然后逐一写更宽屏幕的样式。
而在 Tailwind CSS
安装并搭建 Tailwind CSS 开发环境
## 顺风 CSS
Tailwind 中文意思是顺风。而我一直以为这个单词的意思是台风。。。
实际上台风是，typhoon。
## 为何要使用 Tailwind CSS
- 在写小程序样式的时候，为了排版方便，我自己也形
CSS 变量的用法
在查看小程序 UI 库 ColorUI 时，看到这样一段代码：
```
.bg-gradual-red {
background-image: var(--gradualRed);
color: var(--wh
css background-size 100% 与 cover 的区别
今天在小程序中使用图片作为 view 背景时，发现背景图显示不完整，使用的是 css
background-size: cover;
可是之前这样用时，从来没遇到这种情况。仔细对比了一下，发现：
- 显示正常的情
移动端强制显示滚动条
例如在手机移动端，一个表格的列数过多，会超出屏幕宽度。所以通常会限制 table 的宽度。
```
.long_table {
width: 100%;
overflow-x: auto;
}
```
但是，限
上一页
下一页