vendredi 10 juin 2016

How do I embed 2 css in 1 Html?


Head section

<head>
  <meta charset="utf-8">
  <title>Kaffehaus Mannfredo | Home</title>
  <link rel="shortcut icon" href="../1_pics/favicon.ico" />
  <link rel="stylehseet" type="text/css" href="../2_css/general.css">
  <link rel="stylesheet" type="text/css" href="../2_css/nav.css">
  <link href='fonts.googleapis.com/css?family=Open+Sans' ; rel='stylesheet' type='text/css'> 

First CSS

ul {
position: fixed;
top: 0;
left: 0;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
font-family: 'Open Sans', sans-serif;
margin:0px;
float: none;
display: inline-block;
}    

li a {
display: block;
color: white;
text-align: center;
padding: 15px 17px;
text-decoration: none;}  

li a.active {
background-color: #4CAF50;}

li a:hover:not(.active) {
background-color: #555;
color: white;}

.navbar-nav {
width: 100%;
text-align: center; }

Second CSS

body {background-color: black;}

I am trying to add 2 CSS files in 1 html. The second one is not working.

In the first one I format my navbar, in the second I want to make a basic layout for the whole page, any tips?


Aucun commentaire:

Enregistrer un commentaire