How to apply the external css style specific to an html file? -


i have 5 html files , 1 css file.when link external css html files, styles getting applied file. wanted few styles used.how can make it?

eg:

    <head>     <title>welcome</title>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1">     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">     <link rel="stylesheet" href="file:///c:/users/myuser/pictures/html/styles.css">     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">            </script>   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head>   body {   background-image: url("file://c:/users/myuser/pictures/html/bicycles.jpg");   background-repeat: no-repeat;   background-size: cover;  } 

here, body style getting applied html files , unwanted background being displayed.please let me know how can resolve this.


Comments

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

reactjs - React router and this.props.children - how to pass state to this.props.children -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -