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 { 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 trying add 2 css files in 1 html. second 1 not working.
in first 1 format navbar, in second want make basic layout whole page, tips?
this line invalid
<link href='fonts.googleapis.com/css?family=open+sans' ; rel='stylesheet' type='text/css'>
remove semi colon
<link href='fonts.googleapis.com/css?family=open+sans' rel='stylesheet' type='text/css'>
semi colons used property value pairs not use randomly inside of <link>
tag.
Comments
Post a Comment