Question

当我使用css为主页设置样式时，一切都很顺利，现在我正在尝试更改某些样式，但css无法正常工作。

我已经尝试了一些css验证器并修复了他们告诉我修复的内容并且没有任何效果。我的代码出了什么问题？

css.css：

nav {
background-color: #20B2AA;   
padding-bottom: 180px;
margin-top: -10px;
position: absolute;

}
h1 {
float:left;
top: 15;
left: 69;
position: absolute;
}
h3 {
float:left;
top: 125;
right: 169;
position: absolute;
}
h2 {
float:left;
top: 160;
left: 79;
position: absolute;
font-size: 220%;

}
p5 {
float:left;
top: 230;
left: 80;
position: absolute;
font-size: 160%;
}
p6 {
float:left;
top: 290;
left: 80;
position: absolute;
font-size: 160%;

}
p7 {
float:left;
top: 350;
left: 80;
position: absolute;
font-size: 160%;

}
div {
float:left;
top: 235;
right: 169;
position: absolute;
}
nav p {
float:right;
top: 50;
left: 960;
position: absolute;
}
p2 {
top: 50;
left: 740;
position: absolute;
}
p3 {
top: 80;
left: 960;
position: absolute;
}
p4 {
top: 50;
left: 1200;
position: absolute;
}
Register{
background-color: #5fcf80;
border-color: #3ac162;
}

index.php（链接到css）：

<link rel="stylesheet" type="text/css" href="css.css" />

Answer 1

需要考虑的一些事项：

课程与top一致（我假设所有p＃都是课程？）
ID与bottom
将“px”单位添加到left right top: 290px;＆amp; Register属性（例如.Register {property: value;}）
css.css也是一个班级？（styles.css）
同时尽量避免使用相同的文件名，因为扩展程序99, 3, 2最好A = [0, 3, 123, 0, 99, 3, 2, 1, 2, 33, 1, 76] B = [99, 3, 2]或类似名称。

Answer 2

您必须清理浏览器的缓存。有时，当css文件很广泛时，为了刷新css样式，你需要再次加载它，为此你必须清理缓存并重新加载它。

检查以下链接：

Chrome

Firefox

Internet Explorer

Css代码无效

2 个答案: