Questions tagged «css»

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。它还描述了如何在屏幕,纸张,语音或其他媒体上呈现元素。

3
如何将textarea滚动条默认设置为底部?
我有一个textarea,它随着用户输入的发送而动态地重新加载。它每隔几秒钟刷新一次。当此文本区域中的文本量超过文本区域的大小时,将出现滚动条。但是,滚动条并不是真正有用的,因为如果您开始向下滚动,则几秒钟后,文本区域会刷新,并将滚动条带回到顶部。我想将滚动条设置为默认显示最底部的文本。有人知道怎么做吗?

3
CSS3选择器的问题,除了第一次选择
使用以下标记,我希望CSS选择器选择每个选项div中的第一个选择菜单以外的所有菜单,其中可能有很多: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> <option value="1">Red</option> <option value="2">Blue</option> </select> </div> <div class="opt3"> <select title="Please choose Size"> <option value="">Select Size</option> <option value="1">Small</option> <option value="2">Big</option> …

4
您如何使div“可粘贴”?
我有一些按钮,它们是div元素,因此我想使它们成为可能,以便用户可以按键盘上的Tab键并在它们之间移动。我试过将他们的文本包装在锚标记中,但似乎不起作用。 有没有人有办法解决吗?
92 html  css  xhtml 


6
查找不透明的“等效”颜色
假设我有一个背景色,上面有一个“色带”,以另一种纯色运行。现在,我希望功能区是部分透明的,以使某些细节融合在一起,但仍要使功能区在背景上保持“相同颜色”。 对于给定的不透明度/ alpha <100%的色带,是否有一种方法可以轻松地确定与背景具有100%不透明度的RGB值应相同的RGB值? 这是一张照片。背景是rgb(72, 28, 97)丝带rgb(45, 34, 70)。我想要一个rgba(r, g, b, a)功能区,以便它看起来与此纯色相同。
92 css  colors 


15
Jenkins-HTML Publisher插件-在Jenkins Server中查看报告时不显示CSS
我对Jenkins HTML Publisher插件有一个奇怪的问题,其中在Jenkins中查看时,删除了我添加到报告中的所有精美CSS。如果我将报告下载到本地,则可以看到CSS格式。Jenkins中是否有一个允许查看CSS的设置? 我在Jenkins中的HTML发布者设置: 在詹金斯中显示我的报告页面: 当我的报告页面显示在本地时:

11
如何异步加载CSS
我正在尝试消除在我的网站上被阻止的2个CSS文件-它们出现在Google Page Speed Insights中。我采用了不同的方法,但都没有成功。但是,最近,我发现了一篇有关Thinking Async的文章,以及当我应用此代码时的文章:<script async src="https://third-party.com/resource.js"></script>它确实消除了问题。 但是,发布后,页面失去了样式。我不太确定发生了什么,因为代码可以正常工作,但是上传后的样式无效。感谢您的帮助。谢谢
92 html  css  asynchronous 

11
如何使用类道具在Material UI中添加多个类
使用css-in-js方法将类添加到React组件,如何添加多个组件? 这是class变量: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 这是我的用法: return ( <div className={ this.props.classes.container }> 上面的作品,但有没有办法添加两个类,而无需使用classNamesnpm包?就像是: <div className={ this.props.classes.container + this.props.classes.spacious}>

8
Bootstrap 4,如何将按钮居中对齐?
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> 无法弄清楚如何使此按钮居中。在BS 3中,我将仅使用中心块,但这不是BS4中的选项。有什么建议吗?

10
使用CSS将单个字体应用于整个网站
我想在整个网站上使用一种名为“阿尔及利亚”的字体。因此,我需要更改所有HTML标记,并且我不想为不同的标记编写不同的代码,例如: button{font-family:Algerian;} div{font-family:Algerian;} 强烈建议不要使用以下方法: div,button,span,strong{font-family:Algerian;}
91 html  css  fonts  font-face 

10
div背景颜色,以更改悬停
我正在尝试将鼠标悬停在div的背景颜色上。 div {background:white;} div a:hover {background:grey; 宽度:100%; 显示:块; 文字修饰:无;} 只有 div内的链接获得背景色。 如何使整个div获得该背景色? 谢谢 编辑: 如何使整个div充当链接-当您单击该div上的任意位置时,将您带到某个地址。
91 css  colors  background  hover 

7
没有html元素的AngularJS ng-repeat
我目前正在使用这段代码来呈现列表: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> 但是,该<div>元素在某些浏览器上导致一些非常小的渲染缺陷。我想知道是否可以在没有div容器的情况下进行ng-repeat,或通过其他方法来达到相同的效果。

2
CSS3动画完成时是否有回调?
在css3动画的情况下,有什么方法可以实现回调函数?如果使用Javascript动画,则可能会在CSS3中找到实现它的方法,但找不到任何方法。 我可以看到的一种方法是在动画持续时间之后执行回调,但是并不能确保始终在动画结束后立即调用它。这将取决于浏览器UI队列。我想要一个更强大的方法。有什么线索吗?

19
常见的Web UI样式
接下来的几天里,我必须向一位客户介绍一个Web应用程序的原型,问题是我不太擅长CSS,最糟糕的是,我几乎对获得的结果不满意。 编写业务逻辑对我来说并不构成挑战,但是UI设计占用了我80%以上的时间。我不需要任何令人叹为观止的事情,只需一个干净,漂亮且宜人的环境,例如: 这是我一直遇到的一个反复出现的问题,我希望Web UI开发可以使用一种不太裸露的默认样式,类似于Visual Studio或iPhone SDK的方法对我来说非常有用。 上面使用Balsamiq Mockups创建的模型是一个很好的例子,所有最常见的“组件”都可以使用,并且最重要的是:只有一种漂亮的样式可供选择。 网络上有类似的东西吗?一个中立而又不错的CSS或Javascript UI框架? 到目前为止的选项: 引导程序 Qooxdoo jQuery UI jQuery工具 摩卡 扩展JS 雅虎!用户界面库 BlueTrip 蓝图 UKI(演示) 餐巾 YAML 基准线 iPlotz 发芽核心 前人 我想知道是否有任何纯CSS的UI框架。 我在此页面上找到了非常不错的Web UI库列表,但是其中大多数(至少是好的)似乎都是Java特有的,在纯CSS或JS中是否有同样好的替代品? PS:我对AJAX,效果,行为等不感兴趣,我主要(唯一)关注的是风格。 谢谢大家的所有建议! 在仔细考虑了所有建议的UI库之后,我得出的结论是,ExtJS和Qooxdoo最适合我的需求。jQuery UI看起来很有希望,但是只提供了减少的元素数量。 就纯CSS库而言,我发现BlueTrip / BluePrint和Tambler建议的主题是最好的。除此之外,Flex和Napkee似乎也值得探索。 现在就来学习ExtJS!=)

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.