我想改变background-color的body我的HTML文档.我的问题是jQuery将样式添加到body标记,但我想更改style标记中的值.这可能使用jQuery吗?
例如,代码
<style title="css_style" type="text/css">
body {
background-color:#dc2e2e; /* <- CHANGE THIS */
color:#000000;
font-family:Tahoma, Verdana;
font-size:11px;
margin:0px;
padding:0px;
background-image: url(http://abc.de/image.jpg);
}
</style>
...
<body>
// ....
</body>
Run Code Online (Sandbox Code Playgroud)
jQuery的
$('body').css('background-color','#ff0000');
Run Code Online (Sandbox Code Playgroud)
结果
<body style="background-color:#ff0000;">
// ....
</body>
Run Code Online (Sandbox Code Playgroud) 如何使用Twitter Bootstrap创建类似于表的列表结构,其中一些列占用尽可能多的空间,以容纳该列的最宽元素,并且单个列占用剩余空间?
例如:
Id |Name |Email address
100001|Joe |MamiePVillalobos@teleworm.us
100 |Christine|ChristineJWilliams@dayrep.com
1001 |John |JohnLMiley@dayrep.com
Run Code Online (Sandbox Code Playgroud)
该ID列只需要足够的空间来容纳100001号,这是最长的ID.
" 名称"列占用的空间足以容纳名称Christine.
" 电子邮件"列占用剩余空间.
当我构建页面时,我是想为每个页面设置单独的样式表还是为整个站点设置一个大样式表?出于加载目的,单个文件不是更好的做法,因为它会减少加载时的总css吗?
所以我使用以下方法创建一个带圆角的容器:
div.rounded {
background: #CFFEB6 url('tr.gif') no-repeat top right;
}
div.rounded div {
background: url('br.gif') no-repeat bottom right;
}
div.rounded div div {
background: url('bl.gif') no-repeat bottom left;
}
div.rounded div div div {
padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)
现在我想在容器中使用div:
.button {
border: 1px solid #999;
background:#eeeeee url('');
text-align:center;
}
.button:hover {
background-color:#c4e2f2;
}
<div class='round'><div><div><div>
<div class='button'><a href='#'>Test</a></div>
</div></div></div></div>
Run Code Online (Sandbox Code Playgroud)
但是,我在嵌套的div中放了一个div,按钮在角落里有bl图像.
如何删除继承的背景图像?
直接从W3Schools采取:
定义和用法size属性指定输入字段的宽度.
对于
<input type="text">和<input type="password">,size属性定义应该可见的字符数.对于所有其他输入类型,size定义输入字段的宽度(以像素为单位).
如果这是真的,为什么我的场<input type="text" size="2"/> 足够宽以显示5个CAPTIAL MMMMM?
谷歌搜索这个问题的答案已经证明是困难的,所以我想这里有人应该知道.
在CSS中,我看到零像素被声明为简单的'0'而且还被称为'0px'.
mystyle { width: 0; }
anotherstyle { width: 0px; }
Run Code Online (Sandbox Code Playgroud)
'0'的小问题是,如果将其更改为某个非零值,您可能会忘记添加'px'.当值为'0'时,您可能忘记删除'px'.我想在我的代码中保持纯粹的一致性,这样的小事情让我疯狂.
这真的归结为个人偏好,比如在哪里缩进?
他们似乎都工作,但哪种方式更好,为什么?
谢谢.
为清晰起见编辑:
我写道"像这样的小事让我疯狂".
没有"px"为0 不是我所指的.
它让我感到疯狂,有两种不同的方式可以做同样简单的事情.
就个人而言,尽管在适当的情况下忘记添加/删除'px'这一小问题,但我会继续使用'0',因为我知道它和其他方式一样可以接受.
我需要通过javascript设置任意样式到跨度.
我知道我可以做这样的事情:span.style.height="250px"; 但我需要能够从模板中插入随机的完整样式定义
例如
float:left;
text-decoration:underline;
cursor:pointer;
color:blue;
Run Code Online (Sandbox Code Playgroud)
有没有办法在Javascript中这样做?就像是:
element.style="all style definition here";
我使用下面的代码在pdf文档属性中设置标题和作者.
\usepackage[pdftex]{hyperref}
\hypersetup{
pdftitle = {The documents title},
pdfauthor = {me}
}
Run Code Online (Sandbox Code Playgroud)
我希望通过将它放在样式表中来自动化(.sty)以下是我的尝试,但它不起作用.编译pdf(pdflatex)时出错.但是pdf文档属性仍然是空的.
\usepackage[pdftex]{hyperref}
\hypersetup{
pdftitle = {\@title},
pdfauthor = {\@author}
}
Run Code Online (Sandbox Code Playgroud)
我使用\ _title和\ _author变量来创建自定义标题页.所以我知道那些工作.
有什么建议?
是否可以使用JavaScript更改CSS样式表?
我不是在谈论:
document.getElementById('id').style._____='.....';
Run Code Online (Sandbox Code Playgroud)
我AM谈论改变:
#id {
param: value;
}
Run Code Online (Sandbox Code Playgroud)
除了做一些脏东西(我们还没有尝试过btw),比如在头部创建一个新对象,innerHTML那里有一个样式标签,等等.尽管这样,即使它确实起作用,也会带来一些问题作为样式block已在别处定义,我不确定浏览器何时/是否会解析动态创建的样式块?
如果我有以下样式表:
user important declarations
user normal declarations
author normal declarations
user agent declarations
author important declarations
Run Code Online (Sandbox Code Playgroud)
并且需要将它们从最高优先级应用到最低优先级,我应该按顺序使用它们?