程序设计 css

12

所以我知道如果使用，我们可以将div水平居中margin:0 auto;。应该按照margin:auto auto;我认为的方式工作？垂直居中吗？为什么也vertical-align:middle;不起作用？ .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> This is a popup message. </div> </div> 运行代码段隐藏结果展开摘要 JSFiddle

113 html css centering

5

如何在：focus上更改文本区域的边框颜色

请原谅我这是一个愚蠢的问题，但我需要帮助。我想重点更改TEXTAREA的边框颜色。但我的代码似乎无法正常工作。请查看小提琴上的代码。 <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> <input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"> <input type="email" placeholder="Enter E-mail." name="address" maxlength="300" class="input"> <textarea placeholder="Enter Message." name="descrip" class="input" ></textarea> <br> <input class="button secondary" type=submit name="submit" value="Submit" > </form> 这是CSS .input { border:0; padding:10px; font-size:1.3em; font-family:"Ubuntu Light","Ubuntu","Ubuntu …

113 html css

12

如何使用溢出滚动设置躯干高度

设置tbody高度，宽度，溢出滚动时遇到问题。 <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> 在这里拜访我的小提琴我想要像表A这样的表B带有溢出滚动。任何帮助将不胜感激。非常感谢，M。

113 html css

8

CSS“ and”和“ or”

我遇到了很大的麻烦，因为我需要对某些输入类型进行样式化。我有类似的东西： .registration_form_right input:not([type="radio") { //Nah. } 但是我也不想设置复选框的样式。我试过了： .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) 如何使用&&？而且我需要尽快使用||，我认为用法将是相同的。更新：我仍然不知道如何使用||和&&正确。我在W3文档中找不到任何内容。

113 css css-selectors conditional-operator

10

应用程序未拾取.css文件（烧瓶/ python）

我正在渲染一个模板，尝试使用外部样式表进行样式设置。文件结构如下。 /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html看起来像这样 <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body>  我的样式均未应用。它与html是我正在渲染的模板有关吗？python看起来像这样。 return render_template("mainpage.html", variables..) 我知道这很有效，因为我仍然能够渲染模板。但是，当我尝试将样式代码从html的“ head”标记中的“样式”块移动到外部文件时，所有样式消失了，留下了一个裸露的html页面。有人看到我的文件结构有任何错误吗？

113 python html css templates flask

10

如何将内容放在引导列中？

我正在尝试将列的内容居中。看起来不适合我。这是我的HTML： <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle演示

113 html css twitter-bootstrap

6

CSS标签宽度不起作用

我有一个通用表单，我想对它进行样式设置以对齐标签和输入字段。由于某种原因，当我给标签选择器指定宽度时，什么也没发生： HTML： <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label for="id_report">Upload Report:</label> <input id="id_report" type="file" class="input-file" name="report"> </p> </form> CSS： #report-upload-form { background-color: #316091; color: #ddeff1; font-weight:bold; margin: 23px auto 0 auto; border-radius:10px; width: 650px; …

112 html css label

8

在不影响IE 8中包含元素的情况下，div背景的不透明度？

我想设置div背景的不透明度，而不影响IE 8中包含的元素。有任何解决方案，并且不回答设置1 X 1 .png图像并设置该图像的不透明度，因为我使用的是动态不透明度，并且颜色管理可以更改那我曾经用过，但在IE 8中无法使用 #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } 和 rgba(0,0,0,0.3) 也。

112 css internet-explorer-8 opacity

8

Firefox和Opera中的Webfont平滑和抗锯齿

我在网站上使用了定制的Web字体。为了设置渲染输出的样式，我使用了以下代码： //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 在Safari和Chrome上运行良好（边缘更锐利，线条更细）。有什么方法可以在Firefox和Opera上实现相同的样式吗？

112 css fonts webfonts antialiasing

5

LESS中的直接子选择器

无论如何，LESS是否在其输出中应用直接子选择器（>）？以我的style.less，我想写一些类似的东西： .panel { ... > .control { ... } } 并让LESS生成如下内容： .panel > .control { ... }

112 css css-selectors less

2

CSS属性选择器中的“ i”是什么意思？

我在Google Chrome用户代理样式表中找到了以下CSS选择器： [type="checkbox" i] 什么i意思

112 css css-selectors

8

CSS中的字体大小-％还是em？

在CSS中设置字体大小时，我应该使用百分比值（%）还是em？您能解释一下优势吗？

112 css fonts font-size

7

是否有一个SASS.js？像LESS.js一样？

我已经使用LESS.js之前。易于使用，类似 <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 我看到SASS.js。如何以类似方式使用它？解析SASS文件以立即在HTML中使用。似乎SASS.js更适合与Node.js一起使用？ var sass = require('sass') sass.render('... string of sass ...') // => '... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }}

112 css sass less

5

如何使<svg>元素扩展或收缩到其父容器？

目标是使<svg>元素扩展到其父容器的大小，在这种情况下为a <div>，无论该容器有多大或多小。代码： <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> 解决此问题的最常见方法似乎是viewBox在<svg>元素上设置属性。 viewBox="0 0 widthOfContainer heightOfContainer" 但是，这在元素内的<svg>元素具有预定义的宽度和/或高度的情况下似乎不起作用。例如，<rect>在上面的代码中，元素的宽度和高度已明确设置。因此，显而易见的解决方案是在这些元素上也使用百分比宽度和百分比高度。但这是否必须要做？特别是，由于<img src=test.svg >可以很好地工作并且可以在没有明显设置<rect>高度和宽度的情况下进行扩展/收缩。如果像这样的元素<rect>和其他类似的元素必须以百分比定义其宽度和高度，则Inkscape中可以通过一种方式对其进行设置，以使<svg>文档中的所有元素都使用百分比的宽度，高度等。？

112 css html svg responsive-design

4

CSS Progress Circle [关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。改善这个问题我已经搜索了该网站以找到进度条，但是我能够找到的进度条显示的动画圈子达到了全部100％。我希望它停止在特定的百分比，如下面的屏幕截图所示。我有什么办法可以仅使用CSS来做到这一点？

112 html css progress-bar progress css-shapes

Questions tagged «css»