小编Mr.*_*ien的帖子
如何使用外部CSS覆盖内联样式？
我有使用内联样式的标记,但我没有权限更改此标记.如何仅使用CSS覆盖文档中的内联样式？我不想使用jQuery或JavaScript.
HTML:
<div style="font-size: 18px; color: red;">
Hello World, How Can I Change The Color To Blue?
</div>
CSS:
div {
color: blue;
/* This Isn't Working */
}
推荐指数
解决办法
查看次数
高度:100%或最小高度:100%的HTML和身体元素？
在设计布局时,我将html, body元素设置为height,100%但在某些情况下,这会失败,那么应该使用什么？
html, body {
height: 100%;
}
要么
html, body {
min-height: 100%;
}
嗯,这不是基于意见的,因为每种方法都有自己的缺陷,那么推荐的方法是什么？为什么？
推荐指数
解决办法
查看次数
在CSS中,rem与em有何不同？
在网站源代码中,我有时会看到开发人员使用该rem单元.它类似em吗？我试着去看它实际上做了什么,但它相对于什么？
HTML
<div>Hello <p>World</p></div>
CSS
div {
font-size: 1.4rem;
}
div p {
font-size: 1.4rem;
}
推荐指数
解决办法
查看次数
<iframe>中srcdoc ="..."和src ="data:text/html,..."之间的区别是什么？
例如,这些之间的区别是:
<iframe srcdoc="<p>Some HTML</p>"></iframe>
<iframe src="data:text/html,<p>Some HTML</p>"></iframe>
而且,如果它们完全相同,为什么HTML5会添加srcdoc属性？
编辑
也许我不够清楚.我不是比较src有srcdoc,但src使用text/html的数据URI用srcdoc.
然后,如果功能图是这样的
| src attribute | srcdoc attribute
--------------------------------------------------------------------
URL | Yes | No without using src (*)
HTML content | Yes, using data URI | Yes
为什么srcdoc需要？
(*)注意:
它似乎srcdoc可以用来通过URL(Demo)加载页面,使用带有src属性的子图:
<iframe srcdoc="<iframe src='http://microsoft.com'></iframe>"></iframe>
推荐指数
解决办法
查看次数
CSS转换不适用于内联元素
我想E在单词中反映字母,WEBLOG所以我使用了CSS转换属性,但是如果我将文本包装在一个span中,它就不起作用但是如果我在分配display: inline-block;或display: block;
所以变换不适用于内联元素？
示例1(无法转换)
<h1>W<span>E</span>BLOG</h1>
h1 span {
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
}
示例2(Works,如果使用display: blockORdisplay: inline-block)
推荐指数
解决办法
查看次数
是否有任何跨浏览器的JavaScript用于使vh和vw单元工作
注意:好的,当我输入这个问题时,我遇到了这个 问题建议使用,
@media query但在2011年被问到...
如你所知,CSS3引入了新的Viewport百分比长度单位,vh并且vw我认为它对于可靠的响应式布局非常有用,所以我的问题是,是否有任何JavaScript/jQuery替代方案？除了将它用于字体大小之外,是否可以安全地使用尺寸元素？像例子
div {
height: 6vh;
width: 20vh; /* Note am using vh for both, do I need to use vw for width here? */
}
推荐指数
解决办法
查看次数
如何在bootstrap中使用css3中的响应式背景图像
我不想使用html标签.这是我的CSS.我正在使用bootstrap 3.0.
background:url('images/ip-box.png')no-repeat;
background-size:100%;
height: 140px;
display:block;
padding:0 !important;
margin:0;
在100%缩放时,这没关系.但是当我放大180%左右时,图像将从顶部和底部变短,我想要一些css技巧.
推荐指数
解决办法
查看次数
如何使用CSS制作透明边框？
我正在尝试为拥有博客的客户做类似的事情.
她想要一个半透明的边框.我知道这可能只是一个背景.但我似乎无法找到横幅这种css技术背后的逻辑/代码.有人知道怎么做这个吗？这将是一个很大的帮助,因为这是我的客户想要为他的博客实现的外观....
推荐指数
解决办法
查看次数
使用CSS垂直拆分页面
对于这个非常简单的问题我们很抱歉,但是我试图沿着这些线向左边和右边浮动一个预定宽度的div
<div style="width: 100%;">
<div style="float:left; width: 80%">
</div>
<div style="float:right;">
</div>
</div>
虽然这"大部分"都有效,但它似乎搞乱了它下面页面上的其他元素.
那么,使用CSS将HTML页面垂直分成两部分而不影响页面上的其他元素的正确原因是什么？
推荐指数
解决办法
查看次数
仅使用CSS打破<tr>
我正在寻找一种只使用CSS"打破"表行的方法.
我想改变这个:
对此:
我无权访问HTML,但可以控制CSS.
我试过了
td:nth-child(3) {
display: block;
}
但它似乎没有用.
以下是一些用于测试的简化代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
td:nth-child(3) {
display: block;
background-color: yellow;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>111111</td>
<td>222222</td>
<td>333333</td>
<td>444444</td>
</tr>
</table>
</body>
</html>
推荐指数
解决办法
查看次数