css标签_AI编程社区

css

假如你从8月底才开始准备面试AI前端开发岗（金九银十AI备战版本）

刷了三天八股，结果一面面试官上来就甩给我一段AI生成的虚拟滚动组件：“Claude写的，10分钟，边讲边改。「空」包含了:空数组、空对象、空字符串、0、undefined、nul、空map、空set都属于为空的数据[热度:640】50.[React]如何避免使用context 的时候，引起整个挂载节点树的重新渲染[热度:420】面试官最后说了一句话我记到现在：“我们要的不是会用AI写代码的人，是能

 2501_92682225
2026-08-25 15:27:23

 560

 13

#前端 #github #css +3
利用大模型自动裁剪与智能排版以适配不同终端规格下的 Midjourney 生成 UI 插画的高级参数设计稿排布

适配终端策略关键参数视觉焦点保留率中心聚焦 + 极简~85%iPhone垂直延展 + 上下留白9:19.5~92%iPad完整构图 + 微调4:3~97%桌面 Web水平延展 + 左右补充16:9~90%电视大屏高分辨率 + 远视距优化16:9, 4K~88%"像素"今天又趴在了我的 iPad 上，但我没有再赶走它。因为现在不管它遮住屏幕的哪个角落，我都知道——大模型会自动追踪画面的视觉重心，确保

 里欧跑得慢
2026-06-02 22:48:39

 797

 5

#前端 #css #flutter
当大模型遇见像素尺：设计稿到代码的还原，为何一毫米的偏差也是致命伤

像素级还原是一场精度要求极高的雕刻，大模型的视觉能力给这场雕刻引入了新的刻刀——它能看见偏差、归因原因、生成修复。但刻刀再锋利，也需要稳定的参照系和闭环的验证机制。链路设计的关键在于分工：像素计算交给确定性算法，语义归因交给大模型，代码修复交给精准的补丁生成。三类能力各司其职，不交叉、不越界。视觉识别是起点，CSS 定位是桥梁，修复补丁是终点，闭环验证是安全网。还原的终点不是"完全一致"，而是"偏

 里欧跑得慢
2026-07-06 11:40:53

 945

 6

#前端 #css #flutter
大模型辅助的 UI 文案生成：让每一个按钮都说“人话“

好的 UI 文案不是"写得漂亮"，而是"写得准确"。它需要同时满足四个约束：字数合适、语调一致、动词明确、场景匹配。大语言模型的优势在于它可以同时考虑所有约束来生成候选文案，而传统做法通常只能一条一条人工调整。把 AI 定位为"文案初稿生成器"，人在最后把关——这是目前 UI 文案生产的最佳实践。作者：李慕杰（Leo / 8limujie）一个终于不用再写"点击确定"这种废话的前端匠人。

里欧跑得慢
2026-07-24 14:38:45

 771

 5

#前端 #css #flutter
智能栅格生成实战：用AI大模型自动输出响应式CSS Grid完整代码

用 AI 生成栅格代码，不是简单的"输入需求→复制代码"。真正高效的流程是：人类定义参数与意图，AI 生成代码草稿，人类审核与调整，最后共同产出一套融入设计系统的完整栅格方案。栅格系统就像建筑的框架结构——它不应该被看见，但一切都在它的约束下成立。AI 可以帮助我们更快地搭建这个框架，但框架的尺度、比例、节奏，依然需要人类的审美判断。参数先行：明确七个核心参数再让 AI 生成，质量提升显著提示词要

 里欧跑得慢
2026-07-25 01:18:27

 1943

 17

#前端 #css #flutter
2026 上半年 AI UI 工具生态回顾：v0、Galileo AI 与 Figma AI 的实战对比

没有"最好的" AI UI 工具，只有最匹配工作流的工具v0 在快速原型和开发者工作流上生产力最高Galileo AI 在设计稿→代码转化的精确度上领先Figma AI 是设计师效率工具，不是代码生成工具Claude API 灵活度最高但提示词工程投入最大工具选型的核心判断是"离设计师近还是离开发者近"下半年预期：v0 和 Galileo 在设计感和工程化的交叉地带会越来越接近。

里欧跑得慢
2026-07-28 11:48:31

 942

 10

#前端 #css #flutter
CSS cursor 属性全解析：从“小手“开始，玩转鼠标光标

本文详解CSS cursor属性，教你用pointer打造点击引导，列举文本、禁用等常用光标场景，并介绍如何用url()自定义光标及必备的后备方案，助你通过细节优化提升网页交互体验。

老__L
2026-07-22 07:37:20

 395

 2

#css #前端
CSS中cursor属性给标签加上小手形状

我们发现a标签在网页中有一个值得注意的地方，即鼠标移到a标签上光标会变成一只小手的图标，移出a标签后又恢复为默认箭头。如今，JS在网页中的功能越来越强大，有时候我们需要在页面中添加一些可点击的标签实现一些功能。如以下代码：123metacharset="utf-8"/>title>给点击标签加上小手

 wangyanxin928
2016-06-29 16:55:20

 1.3w

 2

#css
CSS学习笔记（七）CSS图标，CSS 链接，cursor，CSS 列表，CSS 表格

CSS图标如何添加图标向 HTML 页面添加图标的最简单方法是使用图标库，比如 Font Awesome。将指定的图标类的名称添加到任何行内 HTML 元素（如 <i> 或 <span>）。下面的图标库中的所有图标都是可缩放矢量，可以使用 CSS进行自定义（大小、颜色、阴影等）。Font Awesome 图标如需使用 Font Awesome 图标，请访问 fontawes

〔晴【天】º〕
2021-05-16 16:25:41

 5709

 6

#html #css
cursor的形状

Example：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型效果 CSS鼠标十字型效果Example：CSS鼠标I字型效果 CSS鼠标I字

 newyear1988
2012-03-28 13:30:54

 2742

#css #浏览器
【CSS】cursor: pointer；不起作用,无法显示鼠标指向

【CSS】cursor: pointer；不起作用,无法显示鼠标指向----解决：添加上pointer-events: auto;

卸载引擎
2022-01-13 16:02:52

 8407

 5

#前端 #css
css cursor属性设置显示的光标的类型（形状）

css cursor属性设置显示的光标的类型（形状）。

而耳迩儿
2022-09-05 23:31:08

 627

#css #前端
绝对定位下cursor:pointer失效

解决方法：为该元素设置z-index：99

Prunusss
2022-04-02 21:24:00

 1857

 2

#css #vue.js
CSS cursor鼠标样式大比拼，鼠标样式详细介绍

除了可以使用上表中介绍的光标样式外，您也可以使用图像文件来自定义光标的样式，如下所示：您可以使用 url() 定义多个光标的样式文件，每个 url() 之间使用逗号分隔，上面示例中 custom.gif、custom.cur 就是自定义的光标文件。需要注意的是，在自定义光标样式时，要在最后定义一个上表中的通用光标样式，防止使用 url() 中定义的光标图像资源失效。提示：.cur 格式是光标文件的

 你挚爱的强哥
2023-07-12 09:58:18

 1694

#css #前端
CSS中cursor 鼠标指针光标样式

在前端开发中，我们经常需要对对象鼠标指针光标进行控制，比如鼠标经过超链接时变成手指形状。在这里整理一下cursor鼠标指针光标样式的知识，记录与方便以后查找。常用cursor光标url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crossh...

前端-DK
2019-07-10 13:18:40

 813

 1

#css #前端
HTML和CSS第一天--cursor follow mouse movement

HTML和CSS第一天--cursor follow mouse movement文件介绍新加成员CDNJquery代码区HTMLcss文件介绍![Alt](https://yt3.ggpht.com/a/AGF-l7_JOPbXWp3QXZDuk7CCOzxdwpRg8MFJliMx5A=s900-c-k-c0xffffffff-no-rj-mo0）这个学习资源来自于一个youtuber...

有态度的我
2020-01-09 22:00:52

 395

#css #html #html5 +2
cursor的所有样式

cursor可以为按钮或者某些区域强制定义一种鼠标移上去的鼠标光标形状。cursor可以定义的鼠标光标形状多种多样，相当丰富。

樊小书生
2017-04-24 21:54:06

 5802

 2

#css
【CSS 06】图标 icons 链接 link 光标 cursor

【CSS 06】图标 icons 链接 link 光标 cursor向 HTML 页面添加图标的最简单方法是使用图标库，比如 Font Awesome通过CSS可以用不同的方式设置链接的样式。

Zanebla
2023-06-07 14:08:20

 1115

 1

#css #html #css3
css中cursor自定义光标的相关属性

写法：cursor:url(images/arrow.cur),auto; /* auto是当自定义图标不起作用时鼠标的状态*/也可写：cursor: url(mouse-notexist.cur), url(vote.gif), auto;cursor:url(images/logo.cur) 100 20,auto; /* 100 20 是cursor 的坐标*/

jyy_12
2012-02-14 23:14:06

 9315

 2

#css #firefox #chrome +1
使用 JavaScript、HTML 和 CSS 使用 Ollama 的 Llama 3 模型构建聊天应用程序

在这篇博文中，我们将介绍如何创建一个与 Ollama 的 Llama 3 模型交互的简单聊天应用程序。最后，您将拥有一个有效的聊天应用程序，该应用程序将用户消息发送到 AI 模型并实时显示响应。通过执行这些步骤，您已经创建了一个聊天应用程序，该应用程序将用户消息发送到 Ollama 的 Llama 3 模型并显示响应。在此设置中，您的Node.js服务器将处理传入的请求，与 Ollama 的 Ll

乌南竹
2024-07-19 15:00:00

 829

 1

#javascript #html #css
css鼠标手型cursor属性

Example：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型效果 CSS鼠标十字型效果Example：CSS鼠标I字型效果 CSS鼠标I字

 Daisukes
2016-10-14 10:17:49

 6949

 1

#css
cursor css属性显示光标问题

有时我们组件中没有设置disabled属性时，可能会需要使用cursor:not-allowed来设置禁用光标标志，同时要使用 pointer-events:none来禁用鼠标点击事件。此时可能会遇到一些问题，即此时的pointer-events:none 将cursor:not-allowed也禁用了，即此时cursor:not-allowed是不起作用的，有两种解决方案，一种是通过在设置cur

小柠檬很菜啊
2021-06-02 15:06:18

 1262

#css #javascript
CSS cursor 属性 -- 鼠标效果

cursor -- 定义鼠标样式取值: [ [ ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | pro

fjnu2008
2011-12-26 19:24:44

 587

#css
cursor（鼠标手型）属性

㈠简单介绍在浏览网页时，通常看到的鼠标光标形状有箭头、手形、沙漏等，而在 windows 中实际看到的鼠标指针种类比这个还要多。一般情况下，鼠标光标的形状由浏览器负责控制，大多数情况的光标形状为箭头形状，当指向链接时，光标形状会变成手指形状。cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。㈡属性值㈢属性简单讲解cursor属性的默认值为

 小海fighting呀！
2022-12-06 12:00:09

 1.1w

 19

#css #前端 #html
CSS鼠标样式【cursor】

cursor:hand;手型cursor:pointer;手型cursor:auto;由系统自动给出cursor:crosshair;十字型cursor:text;I字形cursor:wait;等待cursor:default;默认cursor:e-resize;向右的箭头cursor:ne-resize;向右上箭头cursor:n-resize;向上箭头cursor:nw-resize;向左上箭

 唯望君安|||
2022-03-18 14:17:38

 4243

 1

#css #css3 #前端
CSS鼠标样式（cursor）

CSS鼠标样式（cursor）属性值介绍，以及常用案例...

空白　　
2024-03-07 09:35:05

 3169

 19

#css #前端
css cursor的作用

Web开发中，cursor 是一个CSS属性，用于控制当鼠标指针悬停在一个元素上时显示的光标样式。通过设置不同的 cursor 值，可以改变用户在与网页进行交互时看到的光标形态，从而提升用户体验。光标变为文本选择光标，通常用于输入框或可选中文本区域。光标变为一个抓紧的手掌，表示正在抓取某个对象。光标变为水平双向箭头，表示可以水平调整大小。光标变为垂直双向箭头，表示可以垂直调整大小。光标变为等待光标

 lvbb66
2024-06-01 15:12:18

 544

 3

#css
鼠标禁用样式（cursor:not-allowed）和鼠标禁用事件（pointer-events: none）

注意：父元素如果设置了pointer-event:none 并不意味着父元素上的事件侦听器永远不会被触发，当子元素上设置pointer-event值不是none,那么都可以通过事件传播机制来触发父元素上的事件。用法：该方法只能实现样式上的不可点击，点击依然会触发相应的点击时间，这个样式主要是配合js逻辑（return）阻止事件的发生。注意：如果同时使用这两种样式，会阻止事件的触发，但鼠标并不会显示

 小太阳...
2022-10-24 14:47:52

 4986

 5

#css
div添加cursor:pointer；失效问题

添加z-index:99;

hst❀
2019-05-21 11:14:30

 7711

 6

#css
CSS cursor属性详解

关于cursor属性该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状属性值1、url：需要使用的自定义光标的URL2、default：默认光标，通常是一个箭头3、auto：默认，浏览器设置的光标4、crosshair：光标呈现为十字线5、pointer：光标呈现为一只手6、move：指示某对象可以移动7、e-resize：指示矩形框的边缘可被向右移动8、ne-resiz...

ctf_0226
2018-07-13 18:06:14

 2175

 1

#css
CSS 鼠标（cursor）一览表

<br />cursor版本：CSS2　兼容性：IE4.0+ NS6.0+　继承性：有语法：cursor : auto| all-scroll| col-resize| crosshair| default| hand| move| help| no-drop| not-allowed| pointer| progress| row-resize| text| vertical-text| wa

果果软件
2010-09-06 15:31:00

 1.7w

 3

#css #浏览器
CSS中cursor样式

关于cursor的说明，书上是这样讲的：设置或检索在对象上移动的鼠标指针采用的光标形状。此属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用

 dingliqin
2010-03-30 15:54:00

 1120

#css #浏览器
CSS---cursor鼠标属性

CSS改变鼠标指针形状的方法：在项目中会遇到需要点击的图片，字体，按钮等，就需要鼠标的指针形式变成小手型；当文本款，文本域是禁止输入的时候，鼠标的指针变成红圈中间一道杠的形式；

JYX8
2016-03-29 20:42:05

 6128

 1

#css
CSS---cursor 鼠标指针光标样式（形状）

url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。项目Value电脑$1600手机$12导管$1default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右

 四哥在努力
2022-03-11 20:18:09

 1166

#css #前端 #html
css中定义鼠标指针样式的属性cursor

鼠标光标样式设置

 75624839
2024-06-22 06:16:23

 1437

 6

#css #前端
Css中cursor:pointer的作用(鼠标指针变小手)

cursor : 网页浏览时用户鼠标指针的样式或图形形状。wait：光标指示程序正在忙（通常是一只表或者一个沙漏）cursor:pointer的作用（鼠标指向的样式）default：默认光标（默认是一个箭头）auto：默认，浏览器设置的光标。crosshair：光标为十字线。pointer：光标为一只手。move：光标为某对象可移动。text：光标指示文本。

蓝白风铃草
2023-12-14 18:04:54

 3108

 2

#css #前端
2021-10-14 原生input file上传按钮,设置cursor:pointer失效

解决方法:font-size:0。

wyt163557
2021-10-14 15:04:51

 434

 1

#html #css
博客园美化（1）博客园鼠标指针样式（cursor属性）

样式效果使用方法1.在自己的博客园中找到管理->设置页面2.在css样式body里中插入/*全局基础样式*//*下面的样式放到全局css里面去*//*--页面鼠标默认样式--*/body{/* 鼠标图标 */cursor: url(https://blog-static.cnblogs.com/files/blogs/409706/BLOG_cursor.ico...

muzlei
2022-05-27 20:42:00

 610

#css #前端 #html +1
鼠标禁用样式(cursor: not-allowed)&鼠标禁用事件(pointer-events: none)

当一个按钮禁用的时候，我们需要展示禁用样式，使用cursor: not-allowed，同时我们需要在禁用状态下点击按钮，是不应该触发事件的，但是我们知道只使用cursor: not-allowed，实际上我们点击按钮时还是触发了事件。接下来我们就来讨论如何实现禁用样式且无法触发事件的实现以上就是今天要讲的内容，本文介绍了两种禁用事件方法的使用。

前端西
2023-04-27 10:18:02

 2483

 1

#javascript #前端 #开发语言 +1
论文标题级别的格式怎么统一修改 papergpt

在撰写论文时，标题级别的格式统一对于论文的整体质量和可读性具有重要意义。一个清晰、统一的标题级别格式能够让读者更容易理解和接受论文的内容，提高论文的可读性和可信度。一般来说，论文的标题级别包括一级标题、二级标题、三级标题等。在确定标题级别时，需要参考学校或期刊的要求，并确保各个级别的标题能够清晰地区分论文的结构和内容。在修改了各个级别的标题样式后，需要将样式应用到论文中的各个标题。在确定了标题级别

 www55597
2023-12-23 18:40:51

 1848

 24

#html #css #前端 +1
cursor:pointer失效问题

在div的css样式中使用cursor:pointer，却发现仅在空白处（padding）能显示手的形状解决办法：添加z-index

星辰之嗨
2020-04-17 09:47:07

 7711

 1

#css
pointer-event 和 cursor 属性在div上实现button的disabled禁用效果

当按钮是用div写的时候，不能够像button一样直接使用disabled属性，此时可以通过事件禁用样式 pointer-events: none; 和鼠标悬浮禁用手势样式 cursor: not-allowed; 来实现类似button按钮disabled属性效果；但是如果把这两个样式写在一个class里面，事件禁用样式会影响鼠标悬浮禁用手势样式，使得禁用状态无法显示。解决：将 cursor:

敲起来blingbling
2021-11-10 16:27:12

 2265

 1

#css
03-CSS盒模型（padding、margin、opactiy、cursor、display、css3前缀）

只要在页面顶部加上DOCTYPE 申明（[申明说明](http://www.w3school.com.cn/tags/tag_doctype.asp)），浏览器就会按照W3C标准渲染，如果不加DOCTYPE申明，浏览器会按照本身默认标准去渲染页面，除IE外所有浏览器按照W3C标准盒子模型渲染页面，至于IE吧，当然会按照IE盒子模型渲染页面了，只要加上DOCTYPE强制IE采用标准盒子模型渲染页面。

qq_41067077
2024-03-25 09:21:00

 1152

 24

#css #css3 #前端
H5页面,使用cursor: pointer；出现的问题:点击元素时,相邻元素或者自身背景色闪烁.

首先调试. 先将元素上的点击事件去掉.bug依旧出现. 于是去css中删除当前元素的样式. bug消失. 最后定位到产生问题的css属性:cursor: pointer;

IT李十三
2023-04-13 10:19:42

 569

 1

#css #前端 #html
鼠标指针样式 cursor属性

有时候需要自定义光标指针的样式，这时候可以使用cursor的url属性引入需要的资源去替换原有样式。需要注意的是，在自定义的光标yang后，定义一种普通的光标，以防没有由 URL 定义的可用光标。cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。下面列举的是各种指针的样式。

阿叶永不熬夜
2023-08-10 17:39:45

 637

#前端 #javascript #css