CSS3在HTML上不起作用
[英]CSS3 not working on HTML
问题描述
我正在使用Bootstrap建立我的第一个网站，而CSS在任何html上均不起作用。 我在这里做错了什么？ 我是Web设计和引导程序的新手，并且了解必须将HTML链接到Bootstrap服务器才能使用该功能，但是我是否正在此处进行操作？
学习Bootstrap需要花多长时间？有没有比整天不停地写div更好的方法了？
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ignite Studio Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> </script>
<link rel="stylesheet" type="text/css" href="portfolio.css">
</head>
<body>
<div class="row">
<div class="col-12">
<nav class="navbar navbar-default fixed-nav-bar" id="nav">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">Ignite Studio Portfolio</a>
<a href="#" >Home</a>
<a href="#">Web</a>
<a href="#">Programming</a>
<a href="#">Art</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</body>
</html>
CSS3代码：
body {
padding-top: 30px;
background-color: blue;
};
.container-fluid {
background-color: pink;
};
.fixed-nav-bar {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 50px;
background-color: black;
};
#navhead {
font-color: orange;
};
2 个解决方案
解决方案1
0 已采纳 2017-03-01 22:29:20
只需在CSS中关闭花括号后删除分号即可。 它应该工作！
如果您不想编写代码，请使用引导程序生成器工具。.一个强大的桌面应用程序，用于使用Bootstrap框架创建响应式网站。
https://bootstrapstudio.io/
解决方案2
0 2017-03-01 22:38:43
文本颜色属性称为color ，而不是font-color （最后一个规则）
另外，删除CSS规则右括号后的所有分号，并检查CSS文件的文件路径。
CSS3 ASP HTML无法正常工作
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.