How to link same-directory CSS file and HTML file?
I am trying to figure out how to link my style.css file on my index.html.
The style.css file is in the same folder as my index.html file and this is how I'm trying to reference my css file as follows but it's not working:
<link href="aplusryan.github.io/style.css" type="text/css" rel="stylesheet" />
html css github
edited Jan 20 at 9:38
AndrewL64
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
add a comment |
I am trying to figure out how to link my style.css file on my index.html.
The style.css file is in the same folder as my index.html file and this is how I'm trying to reference my css file as follows but it's not working:
<link href="aplusryan.github.io/style.css" type="text/css" rel="stylesheet" />
html css github
edited Jan 20 at 9:38
AndrewL64
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
add a comment |
I am trying to figure out how to link my style.css file on my index.html.
The style.css file is in the same folder as my index.html file and this is how I'm trying to reference my css file as follows but it's not working:
<link href="aplusryan.github.io/style.css" type="text/css" rel="stylesheet" />
html css github
edited Jan 20 at 9:38
AndrewL64
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
I am trying to figure out how to link my style.css file on my index.html.
The style.css file is in the same folder as my index.html file and this is how I'm trying to reference my css file as follows but it's not working:
<link href="aplusryan.github.io/style.css" type="text/css" rel="stylesheet" />
html css github
html css github
edited Jan 20 at 9:38
AndrewL64
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
edited Jan 20 at 9:38
AndrewL64
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
edited Jan 20 at 9:38
AndrewL64
9,83041844
edited Jan 20 at 9:38
AndrewL64
9,83041844
edited Jan 20 at 9:38
AndrewL64
9,83041844
9,83041844
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
asked Jan 19 at 21:11
Aryan SahaAryan Saha
6
6
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Since your style.css file is in the same folder as your index.html, just use ./ instead of the full url to reference your stylesheet like this:
<link href="./style.css" type="text/css" rel="stylesheet" />
The dot-slash
"./"is a relative path to something in the current
directory. The dot is the current directory and the slash is a path
delimiter.
Via - What does the ./ mean (dot slash) in linux?
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
add a comment |
If your index and style sheet are in the same folder then the link should just be "style.css" you don't need the GitHub part.
If you put your stylesheet in a folder called css, and the CSS folder is the same level as index.html then you would link with "css/style.css"
answered Jan 19 at 21:18
willwill
31
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54271425%2fhow-to-link-same-directory-css-file-and-html-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Since your style.css file is in the same folder as your index.html, just use ./ instead of the full url to reference your stylesheet like this:
<link href="./style.css" type="text/css" rel="stylesheet" />
The dot-slash
"./"is a relative path to something in the current
directory. The dot is the current directory and the slash is a path
delimiter.
Via - What does the ./ mean (dot slash) in linux?
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
add a comment |
Since your style.css file is in the same folder as your index.html, just use ./ instead of the full url to reference your stylesheet like this:
<link href="./style.css" type="text/css" rel="stylesheet" />
The dot-slash
"./"is a relative path to something in the current
directory. The dot is the current directory and the slash is a path
delimiter.
Via - What does the ./ mean (dot slash) in linux?
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
add a comment |
Since your style.css file is in the same folder as your index.html, just use ./ instead of the full url to reference your stylesheet like this:
<link href="./style.css" type="text/css" rel="stylesheet" />
The dot-slash
"./"is a relative path to something in the current
directory. The dot is the current directory and the slash is a path
delimiter.
Via - What does the ./ mean (dot slash) in linux?
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
Since your style.css file is in the same folder as your index.html, just use ./ instead of the full url to reference your stylesheet like this:
<link href="./style.css" type="text/css" rel="stylesheet" />
The dot-slash
"./"is a relative path to something in the current
directory. The dot is the current directory and the slash is a path
delimiter.
Via - What does the ./ mean (dot slash) in linux?
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
edited Jan 19 at 21:23
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
answered Jan 19 at 21:18
AndrewL64AndrewL64
9,83041844
9,83041844
add a comment |
add a comment |
If your index and style sheet are in the same folder then the link should just be "style.css" you don't need the GitHub part.
If you put your stylesheet in a folder called css, and the CSS folder is the same level as index.html then you would link with "css/style.css"
answered Jan 19 at 21:18
willwill
31
add a comment |
If your index and style sheet are in the same folder then the link should just be "style.css" you don't need the GitHub part.
If you put your stylesheet in a folder called css, and the CSS folder is the same level as index.html then you would link with "css/style.css"
answered Jan 19 at 21:18
willwill
31
add a comment |
If your index and style sheet are in the same folder then the link should just be "style.css" you don't need the GitHub part.
If you put your stylesheet in a folder called css, and the CSS folder is the same level as index.html then you would link with "css/style.css"
answered Jan 19 at 21:18
willwill
31
If your index and style sheet are in the same folder then the link should just be "style.css" you don't need the GitHub part.
If you put your stylesheet in a folder called css, and the CSS folder is the same level as index.html then you would link with "css/style.css"
answered Jan 19 at 21:18
willwill
31
answered Jan 19 at 21:18
willwill
31
answered Jan 19 at 21:18
willwill
31
answered Jan 19 at 21:18
willwill
31
31
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54271425%2fhow-to-link-same-directory-css-file-and-html-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
