标签: stylesheet

<Body>标签的边距和填充

我正在编写一个非常简单的HTML代码,如下所示.写在记事本中并在IE-8和Firefox(OS:Window Vista)中打开.

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

上面的代码没什么特别的,它是从左上角创建一些空间.

在此输入图像描述

使用以下代码可以轻松删除

<body style="margin:0; padding:0">
Run Code Online (Sandbox Code Playgroud)

现在我已经找到了默认的边距和填充,这适用4于Firefox,而不同于IE-8.

<body style="margin:4; padding:4">
Run Code Online (Sandbox Code Playgroud)

我对这个场景有一些疑问.

  1. 为什么这个值是4?
  2. 从这个值来的地方,它被保存在某个地方?
  3. 我们可以修改(可配置)此默认值吗?
  4. 浏览器的这些值有何不同?

谢谢.

html margin padding stylesheet

19
推荐指数
1
解决办法
8万
查看次数

针对有条件评论的IE8会有效吗?

当IE8发布时,以下代码是否可以添加条件样式表?

<!--[if IE 8]>
  <link rel="stylesheet" type="text/css" href="ie-8.0.css" />
<![endif]-->
Run Code Online (Sandbox Code Playgroud)

我读过有关这是否适用于测试版的相互矛盾的报告.我希望有人可以分享他们的经验.谢谢.

html css internet-explorer stylesheet internet-explorer-8

18
推荐指数
2
解决办法
3万
查看次数

使用样式表设置QGroupBox标题字体大小

我希望能够使用样式表设置QGroupBox标题的字体大小.我似乎无法弄明白.

根据我在这里读到的内容,我提出了以下代码.不幸的是,它不太有用.

groupbox->setStyleSheet(style)
Run Code Online (Sandbox Code Playgroud)

在哪里style:

QGroupBox::title
{
    subcontrol-origin: margin;
    subcontrol-position: top left;
    padding: 5 5px;
    font-size: 18px;
    font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)

所有这些风格元素似乎都被尊重,除了font-sizefont-weight.根据Qt Style Sheets Reference,所有尊重QWidget :: font的小部件都支持字体"属性".这不是QGroupBox标题的情况吗?

qt stylesheet qtstylesheets

18
推荐指数
1
解决办法
2万
查看次数

XSL使用'apply-templates'命名参数'with-param'

如果你想在完整的解释之前阅读它们,我的问题就在这篇文章的底部.

我正在使用XSL将XML文档转换为漂亮的网页,并且无法正确传递变量.我xsl:template定义了很多,并且需要将特定参数传递给其中一个.我希望我能够传递一个命名参数,该参数可能被发送到所有xsl:templates,但只能被一个人使用而被其他人忽略.然而,当我试图为自己测试这个(以及我对XSL的有限理解)时,我根本无法传递参数,更不用说测试它是否意外地干扰了任何其他xsl:template的.

以下是简化的示例代码(为此问题键入,可能包含一两个错字).我有很多不同xsl:template的定义来处理XML中的节点,到目前为止一切都运行良好.在为这些模板添加参数时,我似乎遇到了问题.

XML文件:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="main.xsl"?>
<wrapperNode>
  <testNode>
    <subNode/>
  </testNode>
</wrapperNode>
Run Code Online (Sandbox Code Playgroud)

main.xsl:

<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:import href="test.xsl"/>
<xsl:output method="html" indent="yes"/>

<xsl:template match="/">

<html>
  <body>
      <xsl:apply-templates>
        <xsl:with-param name="testParam">TEST_PARAMETER</xsl:with-param>
      </xsl:apply-templates>
  </body>
</html>

</xsl:template>
</xsl:stylesheet>
Run Code Online (Sandbox Code Playgroud)

test.xsl:

<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="testNode">
  <xsl:param name="testParam" />
  TEST1
  <xsl:value-of select="$testParam" />
  TEST2
</xsl:template>
</xsl:stylesheet>
Run Code Online (Sandbox Code Playgroud)

输出(实际):

TEST1 TEST2
Run Code Online (Sandbox Code Playgroud)

输出(预期/期望):

TEST1 TEST_PARAMETER TEST2
Run Code Online (Sandbox Code Playgroud)

我对此有疑问:

  1. 是否可以xsl:template使用xsl:apply-templateswith 向我的所有s 发送命名参数 xsl:with-param,但name= …

xslt parameters stylesheet apply-templates

18
推荐指数
1
解决办法
4万
查看次数

制作整个CSS表格!重要

有没有办法让整个CSS样式表优先于另一个?我知道你可以做到!重要但是我可以用一行而不是修改工作表上的所有数千个属性吗?

谢谢!

css stylesheet

18
推荐指数
2
解决办法
2万
查看次数

Qt的样式表真的处理_dynamic_属性吗?

Qt的动态属性是否真的如此动态的样式表?

我有样式表和动态属性的基本示例:

/*stylesheet:*/
*[field_mandatory="true"] { background-color: "yellow";}
Run Code Online (Sandbox Code Playgroud)

我在运行时在代码中的某处发生了这种情况:

/*code:*/
myWidget->setProperty("field_mandatory", field->isFilled() );
Run Code Online (Sandbox Code Playgroud)

在运行时更改此属性时,UI中没有任何更改.

有没有人有想法在更改属​​性时更新Qt的样式表引擎必须做些什么,或者它是否能够处理这些情况?

顺便说一句.我正在使用Qt 4.4

qt stylesheet

17
推荐指数
2
解决办法
9404
查看次数

Outlook 2007更改HTML电子邮件中的链接样式,以便在发送到Hotmail,Gmail等时使用蓝色下划线.是否有任何修复?

我一直在使用从http://www.campaignmonitor.com/templates/获得的HTML电子邮件模板 .在我所经历的每个示例中,当我使用HTML模板发送电子邮件时,所有链接都被赋予了可怕的默认蓝色下划线.电子邮件是使用Outlook 2007发送的,当它们在Outlook中查看时,它们就可以了.但是,在Hotmail和Gmail中,无论文本的颜色是什么,此蓝色下划线都会持续存在.

我试过像这样的标签的内联样式:

<a href="./" style="color: #E3A216; text-decoration: none;">Mauris commodo hendrerit risus</a>
Run Code Online (Sandbox Code Playgroud)

如果我使用完全相同的HTML电子邮件模板代码并将其从我的hotmail帐户发送到另一个Hotmail帐户,则它可以完美地运行.所以,对我来说这是一个Outlook 2007问题.

我能够剖析outlook发送给hotmail收件人的html,发现Outlook在HTML代码之上附加了一个样式表.这是它发送的内容:

<style>
.ExternalClass .ecxshape
{;}
</style>

<style>
.ExternalClass p.ecxMsoNormal, .ExternalClass li.ecxMsoNormal, .ExternalClass div.ecxMsoNormal
{margin-bottom:.0001pt;font-size:11.0pt;font-family:'Calibri','sans-serif';}
.ExternalClass a:link, .ExternalClass span.ecxMsoHyperlink
{color:blue;text-decoration:underline;}
.ExternalClass a:visited, .ExternalClass span.ecxMsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
.ExternalClass p.ecxMsoAcetate, .ExternalClass li.ecxMsoAcetate, .ExternalClass div.ecxMsoAcetate
{margin-bottom:.0001pt;font-size:8.0pt;font-family:'Tahoma','sans-serif';}
.ExternalClass span.ecxEmailStyle17
{font-family:'Calibri','sans-serif';color:windowtext;}
.ExternalClass span.ecxBalloonTextChar
{font-family:'Tahoma','sans-serif';}
.ExternalClass .ecxMsoChpDefault
{;}
@page WordSection1
{size:612.0pt 792.0pt;}
.ExternalClass div.ecxWordSection1
{page:WordSection1;}

</style>
Run Code Online (Sandbox Code Playgroud)

.ExternalClass似乎是设置a标签的值,但我的内联样式似乎没有覆盖Outlook添加到电子邮件的内容.

我已经尝试在head部分创建样式表,甚至在body部分中创建样式表,但这没有任何作用.

有谁知道解决这个问题?我要么想要删除下划线,要么只是在我为链接指定的颜色中使用下划线显示.

感谢任何能提供帮助的人.

html css email stylesheet outlook-2007

17
推荐指数
3
解决办法
4万
查看次数

Chrome未加载样式表

似乎谷歌浏览器没有根据样式表显示我的网站.

当页面首次加载时,它加载正常...但随后它会在页面加载结束时更改为原始html格式.

最终看起来像这样(你可以在顶部栏看到网址):

[ 点击查看完整尺寸 ]

在此输入图像描述

我有2个样式表,一个是用户可以通过单击站点右上角的Light/Dark按钮之间切换的"替代".

为什么会这样?我之前从未遇到过任何问题.

我的规格:Mac OS X与谷歌Chrome 14.0.835.186

css google-chrome cross-browser stylesheet

17
推荐指数
3
解决办法
2万
查看次数

无法使样式表与node.js的ejs一起使用

我正在尝试使用node,express和ejs为模板创建一个简单的服务器.我已经让服务器指向页面,加载它,甚至能够使用include语句生成其他代码.但由于某种原因,样式表将无法加载.

app.js

var express = require('express'),
app = express(),
http = require('http'),
server = http.createServer(app),
fs = require('fs');

var PORT = 8080; 

app.set('view engine', 'ejs');

app.get('/', function(req, res){
res.render('board.ejs', {
    title: "anything I want",
    taco: "hello world",
    something: "foo bar",
    layout: false
  });
});


app.listen(PORT);
console.log("Server working");
Run Code Online (Sandbox Code Playgroud)

ejs文件位于目录views/board.ejs中

<html>
 <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='../styles/style.css' />
 </head>
 <body >
    <h1> <%= taco %> </h1>
    <p> <%=  something %> </p>
 </body>
</html>
Run Code Online (Sandbox Code Playgroud)

和style.css位于相对于app.js的styles/style.css目录中

p {
  color:red;
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试了每条路径,我可以设想链接的href包括相对于我的localhost相对于app.ejs相对于board.ejs的位置,甚至只是style.css,但似乎没有工作.任何建议都非常感谢.

stylesheet ejs node.js express

17
推荐指数
2
解决办法
3万
查看次数

使用悬停和按下的样式表Qt

我在我的按钮pushButton样式表中使用了这个

 QPushButton#pushButton {
     background-color: yellow;
 }
 QPushButton#pushButton:pressed {
     background-color: rgb(224, 0, 0);     
 }
 QPushButton#pushButton:hover {
     background-color: rgb(224, 255, 0);
 }
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在它上面时,它会改变颜色,就像我期望的那样,但是当我按下按钮时,悬停颜色仍然存在.我尝试改变顺序,但它仍然是同样的问题.Qt中的新鲜事.

qt rollover stylesheet hover

17
推荐指数
2
解决办法
4万
查看次数