Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
这是一个创建于 373 天前的主题，其中的信息可能已经有所发展或是发生改变。
作为一个后端程序员，我承认 CSS 这东西我这辈子也不可能彻底搞明白了。所以退而求其次吧，我就是按需使用。很多时候，我其实就是要个主界面布局。
比如说很多后端都会遇到的后端管理系统，它其实就是顶部一个 header ，下面分左右两栏，左边是菜单栏，右边是内容区域，菜单栏有个按钮，点了会折叠起来，有的系统是彻底折叠菜单栏，有的折叠起来但是留出图标宽度。每家都有自己的细节上的一点区别。现在我就是想抄这个主界面布局，抄出主界面了后其它的部分就自己慢慢填充了。但是，这个主界面布局该怎么抄呢？
比如说很多后端都会遇到的后端管理系统，它其实就是顶部一个 header ，下面分左右两栏，左边是菜单栏，右边是内容区域，菜单栏有个按钮，点了会折叠起来，有的系统是彻底折叠菜单栏，有的折叠起来但是留出图标宽度。每家都有自己的细节上的一点区别。现在我就是想抄这个主界面布局，抄出主界面了后其它的部分就自己慢慢填充了。但是，这个主界面布局该怎么抄呢？
 |
1
caixiaomao 2024-07-31 16:28:54 +08:00
截图，发给 gpt
 |
 |
2
potatowish 2024-07-31 16:29:38 +08:00 via iPhone  1
我直接把页面截图，在 prompt 稍加描述，发给 claude ，后续再微调就可以了
|
 |
3
abcbuzhiming OP |
|
4
potatowish 2024-07-31 17:21:58 +08:00 via iPhone
@abcbuzhiming 在 prompt 中说明一下，或者它给出代码后，你再继续提示它
|
 |
5
linauror 2024-07-31 18:06:27 +08:00
直接找个 admin 后台框架呢，很多默认就是你说的这种效果的
|
|
6
abcbuzhiming OP @linauror 这类框架往往耦合了它自己的一些业务逻辑，主要是 js 代码，改起来很麻烦，我只想要那个 CSS 的部分，js 的部分我有自己的想法
|
 |
7
Felldeadbird 2024-07-31 22:06:00 +08:00
不用抄啊，直接 flex 布局。就像你 header,sidebar,content,footer
那就 header main footer 一个上下布局。 main 里面再一个 display flex 左右对齐 包着 sidebar 和 content 。sidebar 设定具体的宽度。剩下 conteng 区域就是展示列表了。 |
|
8
Felldeadbird 2024-07-31 22:07:22 +08:00
header 你想跟随滚动，flex 布局会自动顶上的。完全不需要担心。
当然了，这是建立再手撸布局。如果你用第三方库，就用库提供的布局架构写内容就好了。自己顶多就是写点 css ，兼容手机。 |
 |
9
kapr1k0rn 2024-07-31 23:10:04 +08:00 via iPhone
bootstrap 文档看一天，怎么也会了
|
 |
10
superedlimited 2024-08-01 08:13:05 +08:00 via iPhone
css 不要怕。看 mdn 文档，记住常用的，如宽、高、字体颜色、字体大小、背景纯色、背景渐变、几种定位（ relative absolute fixed sticky ）、层级 zindex 、flex 布局（ justifycontent alignitem ）、几个常用的伪类、伪元素、理解一下 cascade 关系。其他不常用的用到再去查，或者问问 ChatGPT 。
|
 |
11
2333wz 2024-08-01 09:35:07 +08:00
用 IDM 把网站下载下来，删掉你不用的，留下框架部分然后复制。
|
Select Language