Question

在我的代码类＆＃34;幻灯片＆＃34; 正在使用外部css链接，但类标题仅通过内联css工作。

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Site</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="slides">
<div class="header" style="width:100%; background-color:#630;"><img src="gz1.gif">
</div>
</div>
</body>
</html>

的style.css

head,body{background-color:#CCC; margin:0; padding:0;;}

.slides{
    overflow:hidden;
    background:-moz-linear-gradient(bottom,red,white);
    background:-ms-linear-gradient(bottom,red,white);
    background:-o-linear-gradient(bottom,red,white);
    background:-webkit-linear-gradient(bottom,red,white);
    background:linear-gradient(bottom,red,white);
}

.header{position:fixed;}

我想从外部链接而不是内联代码中使用类＆＃34;标题＆＃34; 代码...

Answer 1

要避免代码中的内联css，请更新您的html和css，如下所示：

这里我们将从标题div中删除内联样式..

<div class="header"><img src="gz1.gif"></div>

我们将在style.css中添加标题div的内联样式，如此...

head,body{
background-color:#CCC;
margin:0;
padding:0;
}
.slides{
overflow:hidden;
background:-moz-linear-gradient(bottom,red,white);
background:-ms-linear-gradient(bottom,red,white);
background:-o-linear-gradient(bottom,red,white);
background:-webkit-linear-gradient(bottom,red,white);
background:linear-gradient(bottom,red,white);
}
.header{
position:fixed;
width:100%; 
background-color:#630;
}

外部css部分工作

1 个答案: