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
Post a Comment