程序设计 css

14

Q1。假设我想在按下主“删除”按钮之前更改用户标记为要删除的每个“项目”的外观。（这种立即的视觉反馈应该消除了众所周知的“您确定吗？”对话框的需要。）用户将选中复选框以指示应删除哪些项目。如果未选中此复选框，则该项目应恢复为正常外观。应用或删除CSS样式的最佳方法是什么？ Q2。假设我想允许每个用户个性化展示我的网站。例如，从一组固定的字体大小中进行选择，允许用户定义前景色和背景色等。应用用户选择/输入的CSS样式的最佳方法是什么？

309 css angularjs

18

将父级<div>扩展到其子级的高度

我有一个类似于此的页面结构： <body> <div id="parent"> <div id="childRightCol"> /*Content*/ </div> <div id="childLeftCol"> /*Content*/ </div> </div> </body> 我希望当内部的增加时，父级div能够扩展。heightdivheight 编辑：一个问题是，如果width子内容的扩展width到浏览器窗口的之外，则我当前的CSS在父对象上放置了一个水平滚动条div。我希望滚动条位于页面级别。目前，我的父div设置为overflow: auto; 您能帮我用CSS吗？

308 html css

12

我是否应该使用CSS width / height或HTML cols / rows属性设置文本区域的大小？

每次我开发包含的新表格时，textarea当我需要指定尺寸时都会遇到以下难题：使用CSS或使用textarea的属性cols以及rows？每种方法的优缺点是什么？使用这些属性的语义是什么？通常如何做？

307 html css textarea

30

将页脚冲洗至页面底部，Twitter引导程序

我通常熟悉使用CSS刷新页脚的技术。但是我很难让这种方法适用于Twitter引导程序，这很可能是因为Twitter引导程序本质上是响应式的。使用Twitter引导程序，我无法使用上述博客文章中描述的方法使页脚刷新至页面底部。

306 css twitter-bootstrap footer

30

使用CSS隐藏文字

我在html中有这样的标签： <h1>My Website Title Here</h1> 使用CSS我想用我的实际徽标替换文本。我已经有了徽标，可以通过调整标签的大小并通过CSS将背景图像放入其中来实现。但是，我不知道如何摆脱文本。我以前看过基本上是通过将文本从屏幕上推送来完成的。问题是我不记得在哪里看到它。

306 css

15

一个很小的图标需要另一个HTTP请求是不是很愚蠢？如何将收藏夹图标放入子画面？

该赏金过期7天。这个问题的答案有资格获得+100声望奖励。鲁宁（Rounin）正在寻找信誉良好的答案。每个人都知道如何在HTML中设置favicon.ico链接： <link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"> 但是我认为，对于一个只有几个字节的小图标，您需要另一个HTTP请求是很愚蠢的。所以我想知道，如何才能使该图像成为精灵的一部分（例如background-position=0px -200px;），以加快并保存该有价值的HTTP请求。如何将其与徽标和其他艺术品一起保存到现有的精灵图像中？指向favicon.ico瀑布图上项目编号31 的机器人是我的宠物ZAM。他通常会更快乐，他有一个很好的观点，让我知道是时候在网络上进行一些创意升级了，尽管他和我不同意他的服装，但我认为今天这有点愚蠢...

306 javascript html css performance favicon

14

如何增加CSS中文本和下划线之间的距离

使用CSS后，如果text-decoration:underline应用了文本，是否可以增加文本与下划线之间的距离？

306 css underline

21

滚动到后，如何使div停留在屏幕顶部？

我想创建一个div，它位于内容块的下面，但是一旦页面滚动到足以接触其顶部边界的位置，它就会固定在适当的位置并随页面滚动。

305 javascript jquery css scroll positioning

11

在CSS中使用真棒字体图标

我有一些看起来像这样的CSS： #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } 我想用Font Awesome中的图标替换图像。无论如何，我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体，是否可以这样做？

304 css font-awesome

16

使用CSS时，对于多行溢出块使用“…”

与 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 如果溢出，将在行的末尾显示“ ...”。但是，这将仅显示在一行中。但我希望将其以多行显示。它可能看起来像： +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+

303 html ellipsis css

7

CSS可以检测元素包含的子级数目吗？

我可能在回答自己的问题，但我很好奇。我知道CSS可以选择父级的单个子级，但是如果其父级有一定数量的子级，则可以支持样式化容器的子级。例如 container:children(8) { // style the parent this way if there are 8 children } 我知道这听起来很奇怪，但是我的经理要求我检查一下，自己还没有找到任何东西，所以我决定在结束搜索之前转向SO。

303 css css-selectors

30

在div的中心和中间对齐图像

我有以下div <div id="over" style="position:absolute; width:100%; height:100%> <img src="img.png"> </div> 如何对齐图像使其位于div的中间和中心？

302 html css

13

仅使用CSS，将div悬停在<a>上时显示div

当有人将鼠标悬停在<a>元素上时，我想显示一个div ，但是我想在CSS中而不是在JavaScript中执行此操作。您知道如何实现吗？

301 css

4

在CSS3动画结束时保持最终状态

我正在opacity: 0;CSS 中设置的某些元素上运行动画。动画类被施加的onClick，并且，使用关键帧，它改变从不透明0到1（除其他外）。不幸的是，动画结束后，元素将返回到opacity: 0（在Firefox和Chrome中）。我自然的想法是，动画元素会保持最终状态，而不是覆盖其原始属性。这不是真的吗如果没有，我如何才能做到这一点？代码（不包括前缀版本）： @keyframes bubble { 0% { transform:scale(0.5); opacity:0.0; } 50% { transform:scale(1.2); opacity:0.5; } 100% { transform:scale(1.0); opacity:1.0; } }

301 css css-animations

12

引导程序：使输入与按钮对齐

为什么按钮和输入在Bootstrap中对齐不正确？我尝试了一些简单的方法： <input type="text"/><button class="btn">button</button> 该按钮大约5px低于chrome / firefox中的输入。

299 css twitter-bootstrap

Questions tagged «css»