任何人帮助我，为什么CSS Class不适用于我的项目。？ [英] Any one Help me, Why is CSS Class not applying in my project.?

问题描述

Hellow！

这是我的第一个问题。我创建了css类并尝试使用link标签应用AjaxtoolKit Control。它不起作用但是当我将这个CSS类放在我将Control放在style标签之间的同一页面上时。这是完美的工作。请任何人回答我。我想应用css类而不是style标签。我做什么。

Hellow!
This is my first question. I create css class and try to apply on AjaxtoolKit Control with "link" tag.It's not work but When I place this CSS class on same page where I place my Control between "style" tag. It's work perfectly.Please any one answer me. I want to apply css class not "style" tag.What I do.

推荐答案

我是包含我的css文件。使用

但它不起作用。

I was Include my css file . With
"" but it's not working.

使用此代码

Use this code

body {

}
#MenuControl {
margin-top:35px;
}
.DyMenuHoverStyle {
margin-top:1px;
float: left;
width: 390%;
height: 20px;
font: bold 12px verdana;
background: -moz-linear-gradient(silver, black);
}
#_TreeMenu {
width:20%;
}
.accordion {
width:100%;
}
.accordionHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionHeaderSelected {
border: 1px solid #2F4F4F;
color: white;
background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent {
/*=====background-color: #D3DEEF;*/
background-color:aliceblue;
border: 1px none #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 0px;
}

#mBody {
float:left;
margin-top:1px;
border:1px solid black;
height:100%;
width:100%;
}
#_Iframe {
margin-top:0px;
border:1px solid black;
width: 100%;
height:100%;

}
---------------------------------------
This code put in "style" tag.it's work perfectly.



<style type="text/css">
/*.side-style {
vertical-align:top;
height: 700px;
width: 15%;
}
.content-style {
border:1px solid black;
height: 700px;
width: 80%;
}*/

#MenuControl {
margin-top:35px;
}
.DyMenuHoverStyle {
margin-top:1px;
float: left;
width: 390%;
height: 20px;
font: bold 12px verdana;
background: -moz-linear-gradient(silver, black);
}
#_TreeMenu {
width:20%;
}
.accordion {
width:100%;
}
.accordionHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionHeaderSelected {
border: 1px solid #2F4F4F;
color: white;
background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent {
/*=====background-color: #D3DEEF;*/
background-color:aliceblue;
border: 1px none #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 0px;
}

#mBody {
float:left;
margin-top:1px;
border:1px solid black;
height:100%;
width:100%;
}
#_Iframe {
margin-top:0px;
border:1px solid black;
width: 100%;
height:100%;

}

使用此代码

body {



}

#MenuControl {

margin-top：35px;

}

.DyMenuHoverStyle {

margin-top：1px;

float：left;

宽度：390％;

身高：20px;

字体：粗体12px verdana;

背景：-moz-linear-gradient（银色，黑色）;

}

#_TreeMenu {

宽度：20％;

}

.accordion {

宽度：100％;

}

.accordionHeader {

border：1px solid＃2F4F4F;

颜色：白色;

背景颜色：＃2E4d7B;

字体系列：Arial，Sans-Serif;

font-size：12px;

font-weight：bold;

填充：5px;

margin-top：5px;

光标：指针;

}



.accordionHeaderSelected {

border：1px solid＃2F4F4F ;

颜色：白色;

背景und-color：＃5078B3;

font-family：Arial，Sans-Serif;

font-size：12px;

font-weight ：粗体;

填充：5px;

margin-top：5px;

光标：指针;

}



.accordionContent {

/ * ===== background-color：＃D3DEEF; * /

background-color：aliceblue;

border：1px none＃2F4F4F;

border-top：none;

padding：5px;

padding-top：0px;

}



#mBody {

float：左边;

margin-top：1px;

border：1px纯黑色;

身高：100％;

宽度：100％;

}

#_Iframe {

margin-top：0px;

border： 1px纯黑色;

宽度：100％;

身高：100％;



}

---------------------------------------

此代码放入styletag.it的工作完美。







< style类型= 文本/ CSS > ;

/*.side-style {

vertical-align：top;

身高：700px;

宽度：15％;

}

。内容式{

边框：1px纯黑色;

高度：700px;

宽度：80％;

} * /



#MenuControl {

margin-top：35px;

}

.DyMenuHoverStyle {

margin-top：1px;

float：left;

宽度：390％;

身高：20px;

字体：粗体12px verdana;

背景：-moz-linear-gradient（银色，黑色）;

}

#_TreeMenu {

宽度：20％;

}

.accordion {

宽度：100％;

}

.accordionHeader {

border：1px solid＃2F4F4F;

color：white;

background-color：＃2E4d7B;

font-family：Arial，Sans-Serif;

font-size：12px;

font-weight：bold;

padding ：5px;

margin-top：5px;

cursor：pointer; < br $>
}



.accordionHeaderSelected {

border：1px solid＃2F4F4F;

颜色：白色;

背景色：＃5078B3;

字体系列：Arial，Sans-Serif;

字体大小：12px ;

font-weight：bold;

填充：5px;

margin-top：5px;

游标：指针;

}



.accordionContent {

/ * ===== background-color： ＃D3DEEF; * /

背景颜色：aliceblue;

border：1px none＃2F4F4F;

border-top：none;

填充：5px;

填充顶部：0px;

}



＃ mBody {

float：left;

margin-top：1px;

border：1px solid black;

身高：100％;

宽度：100％;

}

#_Iframe {

margin-top： 0px;

边框：1px纯黑色;

宽度：100％;

高度：100％;



}

Use this code
body {

}
#MenuControl {
margin-top:35px;
}
.DyMenuHoverStyle {
margin-top:1px;
float: left;
width: 390%;
height: 20px;
font: bold 12px verdana;
background: -moz-linear-gradient(silver, black);
}
#_TreeMenu {
width:20%;
}
.accordion {
width:100%;
}
.accordionHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionHeaderSelected {
border: 1px solid #2F4F4F;
color: white;
background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent {
/*=====background-color: #D3DEEF;*/
background-color:aliceblue;
border: 1px none #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 0px;
}

#mBody {
float:left;
margin-top:1px;
border:1px solid black;
height:100%;
width:100%;
}
#_Iframe {
margin-top:0px;
border:1px solid black;
width: 100%;
height:100%;

}
---------------------------------------
This code put in "style" tag.it's work perfectly.



<style type="text/css">
/*.side-style {
vertical-align:top;
height: 700px;
width: 15%;
}
.content-style {
border:1px solid black;
height: 700px;
width: 80%;
}*/

#MenuControl {
margin-top:35px;
}
.DyMenuHoverStyle {
margin-top:1px;
float: left;
width: 390%;
height: 20px;
font: bold 12px verdana;
background: -moz-linear-gradient(silver, black);
}
#_TreeMenu {
width:20%;
}
.accordion {
width:100%;
}
.accordionHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionHeaderSelected {
border: 1px solid #2F4F4F;
color: white;
background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent {
/*=====background-color: #D3DEEF;*/
background-color:aliceblue;
border: 1px none #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 0px;
}

#mBody {
float:left;
margin-top:1px;
border:1px solid black;
height:100%;
width:100%;
}
#_Iframe {
margin-top:0px;
border:1px solid black;
width: 100%;
height:100%;

}

这篇关于任何人帮助我，为什么CSS Class不适用于我的项目。？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！