{"id":55,"date":"2018-01-23T23:46:33","date_gmt":"2018-01-24T04:46:33","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=55"},"modified":"2025-05-14T19:30:27","modified_gmt":"2025-05-14T19:30:27","slug":"linking-to-an-external-stylesheet","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/linking-to-an-external-stylesheet\/","title":{"rendered":"Linking to an external stylesheet"},"content":{"rendered":"\n
\"Abstract
Photo by Thomas Evans<\/a>.<\/figcaption><\/figure>\n\n\n\n

The link for your external stylesheet must appear in the <head><\/code> element of your HTML document. The link element should look like this:<\/p>\n\n\n\n

<link href=\"css\/style.css\" rel=\"stylesheet\"><\/code><\/pre>\n\n\n\n
Note:<\/strong> The href <\/code>value (“css\/style.css”) could be different depending on your file path structure and where your style.css file is saved. Need a refresher on file paths? Check out this previous lesson on file paths<\/a>. It could also be different if your CSS file is named something other than style.css<\/code>. In other words, make sure that you update this value to reflect the actual file name and location of your CSS file!<\/strong><\/p>\n\n\n\n
It is best practice to put your css file in a css folder. That set up looks like this: <\/p>\n\n\n\n
\"CSS<\/figure>\n\n\n\n
And the link to the stylesheet looks like this: <\/p>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
The link for your external stylesheet must appear in the <head> element of your HTML document. The link element should look like this: Note: The href value (“css\/style.css”) could be different depending on your file path structure and where your style.css file is saved. Need a refresher on file paths? Check out this previous lesson […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":3,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":6070,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/55\/revisions\/6070"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}