程序设计 css

4

所以我有一张这种风格的桌子： table-layout: fixed; 这将使所有列具有相同的宽度。我想有一列（第一列）变宽，然后其余列以相等的宽度占据表的其余宽度。如何实现呢？ table { border-collapse: collapse; width: 100%; border: 1px solid black; background: #ddd; table-layout: fixed; } table th, table td { border: 1px solid #000; } table td.wideRow, table th.wideRow { width: 300px; } <table class="CalendarReservationsBodyTable"> <thead> <tr> <th colspan="97">Rezervovane auta</th> </tr> <tr> <th class="corner wideRow">Auto</th> …

78 html css xhtml

3

CSS属性中的`auto`值是什么意思。

autoCSS属性的值是什么意思。CSS属性的值设置为时会发生什么auto？

78 css

7

背景图片：如果图片较小，如何填充整个div，反之亦然

我有三个问题：当我尝试在较小尺寸的div中使用背景图像时，div仅显示图像的一部分。如何显示图像的全部或特定部分？我的图片较小，想在更大的div中使用。但是不想使用重复功能。 CSS中有什么方法可以处理图像的不透明度？

78 css background-image opacity

2

Flexbox代码可在除Safari之外的所有浏览器上使用。为什么？

带有列表标记的网格列，我需要每3列以正确的顺序显示，并为每个额外的HTML列表元素启用自动宽度。这是我的示例： <style> ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 150px; width:auto; } li { float: left; display: inline-block; list-style: none; position: relative; height: 50px; width: 50px; } </style> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> …

78 html css flexbox

6

为什么container div坚持要比IMG或SVG内容大一点？

我正在尝试制作另一个需要极好的HTML / CSS / Javascript练习的灯箱，但是我遇到了一个看起来很琐碎的样式问题（可能是！），但我无法解决。我有一个div包含的img。不管我怎么努力（border，margin，padding，自动高度等），我不能让div收缩相匹配的图像尺寸。我将问题简化为： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Layout experiments</title> <style type="text/css"> #lightbox { margin: 0; padding: 0; position : fixed; left : 50%; margin-left : -320px; top : 100px; border-radius: 22px; background : #e0e0f0; color : #102020; } …

78 css

11

CSS列表样式图像大小

我正在尝试在<ul>的列表项上使用CSS设置自定义SVG图标。例： <ul> <li style="list-style-image: url('first.svg')">This is my first item</li> <li style="list-style-image: url('second.svg')">And here's my second</li> </ul> 问题是图像太大，并且拉伸了线条的高度。我不想更改图像大小，因为使用SVG的目的是根据分辨率进行缩放。有没有一种方法可以使用CSS设置图像的大小，而无需进行任何改动background-image？编辑：这是预览（故意为插图和戏剧选择大图像）：http : //jsfiddle.net/tWQ65/4/ 和我当前的background-image解决方法，使用CSS3 background-size：http : //jsfiddle.net/kP375/1/

78 html css

3

在CSS中使用多个@ font-face规则

如何@font-face在CSS中使用多于规则的内容？我已将其插入样式表中： body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 当前，这仅适用于网站上的整个文本。但是，我想指定h1使用其他字体。我怎样才能做到这一点？

78 html css fonts font-face webfonts

2

如何在SASS中定义属性选择器？

在CSS中，您可以执行以下操作： input[type=submit] { // properties } 这对于样式表单按钮非常有用。您如何在SASS中做同样的事情？

78 css attributes css-selectors sass

1

CSS3单向过渡？

使用CSS3过渡，可以对任何属性产生“平滑”和“平滑”效果。我可以将其设置为仅具有“平滑”效果吗？我希望该解决方案仅在CSS中使用，如果可能的话，避免使用JavaScript。逻辑流程：用户点击次数元素过渡需要0.5秒钟才能将背景颜色从白色更改为黑色用户放开鼠标左键过渡需要0.5秒钟才能将背景颜色从黑色更改为白色我想要的是：用户点击元素转换需要0秒才能更改用户放开鼠标键过渡需要0.5秒才能更改... 没有“过渡”时间，但是有“过渡”时间。

78 html css

8

设置输入类型的样式=数字

是否可以<input type="number">在CSS的内部“向上箭头”和“向下箭头”中应用样式？我想将向上箭头的背景更改为蓝色，将向下箭头的背景更改为红色。有任何想法吗？

78 html css

12

可编辑div的占位符

我有以下内容：FIDDLE 占位符可以很好地工作，直到您输入ctrl+A和为止delete。如果这样做，则占位符将消失并且不再显示。怎么了？如何为内容可编辑的div使用占位符？ HTML： <div class="test" placeholder="Type something..." contenteditable="true"></div> CSS： .test { width: 500px; height: 70px; background: #f5f5f5; border: 1px solid #ddd; padding: 5px; } .test[placeholder]:empty:before { content: attr(placeholder); color: #555; } 谢谢。

78 javascript jquery html css

9

启用：仅专注于键盘使用（或按Tab键）

我想在:focus不需要时禁用它，因为我不喜欢焦点放在导航上时的外观。它使用与相同的样式，.active并且令人困惑。但是我不想为使用键盘的人摆脱它。我当时想enabled-focus在按Tab时在正文上添加一个类，然后添加一个类，body.enabled-focus a:focus{...}但这将为每个具有焦点的元素添加很多额外的CSS。然后，首先将鼠标从身体上移开该类。我将如何处理？有更好的解决方案吗？

78 css focus

5

CSS颜色与背景颜色与背景颜色？

在HTML中，什么时候使用颜色，background-color和background标签之间有什么区别？有什么区别？

78 html css

1

如何将颜色应用于SVG文本元素

好吧...我要疯了。我已经开始尝试SVG。使用SVG并将CSS类应用于它就像是一种魅力。我只是不知道自己在做什么错，但我只是无法让该类在svg文本元素上工作。我已经将其完全剥离，这就是我得到的： <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>Playground</title> </head> <body> <style type="text/css"> .mainsvg { height: 320px; border: 1px solid red; width: 400px; } .caption { color: yellow; } </style> <h2>SVG - Sandbox</h2> <div> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="mainsvg"> <text x="65" y="40" class="caption">Fact</text> </svg> </div> </body> </html> 根据http://www.w3.org/TR/SVG/styling.html#ClassAttribute，这应该有效... 关于更改内容或替代方法的任何提示/技巧？

78 html css text svg

9

在Twitter Bootstrap中创建圆角的正确方法

我刚刚开始使用Twitter Bootstrap，这是一个问题。我正在创建自定义<header>块，并且希望将其底角弄圆。是否有任何“正确”的方式通过使用预定义的类来做到这一点，或者我必须手动指定它，例如： border-radius: 10px; // and all that cross-browser trumpery 现在，我正在使用css样式。也许最好使用less该问题？

78 twitter-bootstrap less css

Questions tagged «css»