程序设计 css

4

以下代码均无效： p:before { content: " "; } p:before { content: "&nbsp;"; } 如何在元素内容前添加空格？注意：我需要给左边框和左边距上色以供语义使用，并将空格用作无色边距。:)

118 css unicode space css-content

5

为什么<textarea>和<textfield>不能从正文中获取字体系列和字体大小？

为什么Textarea与textfield未服用font-family和font-size从身体？在此处查看实时示例http://jsbin.com/ucano4 码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>texearea font</title> <style type="text/css"> body { font-family: Verdana, Geneva, sans-serif; font-size:16px } </style> </head> <body> <form action="" method="get"> <textarea name="" cols="20" rows="4"></textarea> <input name="" type="text" /> </form> <p>some text here</p> </body> …

118 css xhtml

8

@import和CSS中的链接之间的区别

我正在学习一些CSS来调整我的项目模板。我遇到了这个问题，但在网络上找不到明确的答案。在CSS中使用@import或link有区别吗？使用@import <style>@import url(Path To stylesheet.css)</style> 链接的使用 <link rel="stylesheet" href="Path To stylesheet.css"> 最好的方法是什么？为什么呢？谢谢！

118 css import hyperlink

12

预加载CSS图像

我有一个隐藏的联系表单，单击该按钮即可进行部署。它的字段设置为CSS背景图像，它们的出现时间总是晚于已切换的div。我在本<head>节中使用了此代码段，但是没有运气（清除缓存后）： <script> $(document).ready(function() { pic = new Image(); pic2 = new Image(); pic3 = new Image(); pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png"; pic2.src="<?php bloginfo('template_directory'); ?>/images/inputs/input2.png"; pic3.src="<?php bloginfo('template_directory'); ?>/images/inputs/input3.png"; }); </script> 我正在使用jQuery作为我的库，如果可以同时使用它来解决此问题，那将很酷。多谢您的光临。

118 css image background preloader preload

12

如何在Bootstrap 4的下拉菜单中删除箭头？

我正在使用Bootstrap4。我试图删除下拉菜单中的箭头。我为Bootstrap 3找到的答案不再起作用。 jsfiddle在这里。 <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>

118 css twitter-bootstrap twitter-bootstrap-4

2

多个字体权重，一个@ font-face查询

我必须导入Klavika字体，并且已经收到多种形状和大小的字体： Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf 现在我想知道是否有可能仅用一个将它们导入CSS @font-face -query，即weight在查询中定义的位置。我想避免将查询复制/粘贴8次。所以像这样： @font-face { font-family: 'Klavika'; src: url(../fonts/Klavika-Regular.otf), weight:normal; src: url(../fonts/Klavika-Bold.otf), weight:bold; }

118 css fonts font-face

5

同时播放多个CSS动画

如何让两个CSS动画以不同的速度播放？图像应同时旋转和增长。旋转将每2秒循环一次。生长将每4秒循环一次。示例代码： .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s linear infinite; -webkit-animation:scale 4s linear infinite; } @-webkit-keyframes spin { 100% { transform: rotate(180deg); } } @-webkit-keyframes scale { 100% { transform: scaleX(2) scaleY(2); } } http://jsfiddle.net/Ugc5g/3388/-仅播放一个动画（声明了最后一个动画）。

118 css css-animations

13

如何在网站中找到未使用的图像和CSS样式？[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 2年前关闭。改善这个问题有没有可以用来查找未使用的图像文件的方法（反复试验除外）？站点中甚至不存在的ID和类的CSS声明如何？似乎可以编写一种脚本来扫描站点，对其进行概要分析并查看从未加载过的图像和样式，这似乎是一种方法。

117 html css

12

从iframe移除滚动条

使用此代码 <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> 这就是它的显示方式（http://www.talkjesus.com主页上的喊话框）如何删除水平滚动条并修改垂直滚动条的CSS？

117 html css iframe

10

Bootstrap 3面板接头连接器，按钮位置错误

我正在使用Bootstrap 3，我想在面板标题的右上角添加一些按钮。尝试添加它们时，它们显示在标题基线下方。代码：http：//bootply.com/82631 我应该在标题，面板标题或按钮上添加哪些缺少的CSS？

117 css twitter-bootstrap twitter-bootstrap-3

2

在一条规则内定位具有多个类的元素

我有一些HTML，其中的元素具有多个类，并且我需要在一个规则中分配它们，以便同一类在不同的容器中可以不同。说我的CSS中有这个： .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } 然后我的HTML中有这个： <div class='border-blue background'>Lorum Crap No-one Cares About Ipsum</div> 我可以在单一规则中定位这些目标吗？像这样，例如，我知道这是行不通的： .border-blue, .background { border: 1px solid blue; background: url(bg.gif); }

117 css class target

13

缩放图像以适合边框

是否存在仅将CSS缩放到边框（保持纵横比）的css解决方案？如果图像大于容器，则此方法有效： img { max-width: 100%; max-height: 100%; } 例：用例1（有效）：http : //jsfiddle.net/Jp5AQ/2/ 用例2（有效）：http : //jsfiddle.net/Jp5AQ/3/ 但是我想按比例放大图像，直到尺寸为容器的100％。用例3（无效）：http : //jsfiddle.net/Jp5AQ/4/

117 html css image resize autoresize

5

Flexbox和Internet Explorer 11（在<html>中显示：flex？）

我正计划摆脱“浮夸”的布局，而将CSS flexbox用于将来的项目。我很高兴看到当前版本中的所有主要浏览器似乎都（以一种或另一种方式）支持flexbox。我前往“ Solved by Flexbox”看一些例子。然而，“置顶页脚”的例子似乎并没有在Internet Explorer 11.我的工作起到了一下周围，并把它加了工作display:flex的<html>和width:100%在<body> 所以我的第一个问题是：有人可以向我解释这种逻辑吗？我只是摆弄它，它起作用了，但是我不太明白为什么它那样起作用... 然后是“媒体对象”示例，该示例适用于所有浏览器，但Internet Explorer除外（您猜对了）。我也随便摆弄，但没有成功。因此，我的第二个问题是：是否有“干净的”可能性让Internet Explorer中的“媒体对象”示例正常工作？

117 html css flexbox cross-browser

10

CSS背景图片alt属性

这是我以前没有解决过的问题。我需要在网站上的所有图像上使用alt标签，包括CSS background-image属性使用的那些标签。据我所知，没有这样的CSS属性，那么最好的方法是什么？

117 html css

5

禁用/关闭继承的CSS3过渡

所以我有以下css过渡附加到a元素： a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } 有没有办法禁用特定元素上的这些继承的过渡？ a.tags { transition: none; } 似乎没有完成这项工作。

117 css transitions css-transitions

Questions tagged «css»