{"id":369,"date":"2010-08-23T09:51:12","date_gmt":"2010-08-23T13:51:12","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/programming-blog\/?p=369"},"modified":"2012-12-11T02:29:58","modified_gmt":"2012-12-11T06:29:58","slug":"external-css","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/programming-blog\/external-css\/","title":{"rendered":"External css"},"content":{"rendered":"

Steps:<\/span><\/p>\n

1:Create new html file and copy link.html code and save it as <\/strong> link.html<\/strong>.<\/strong><\/p>\n

2.Create\u00a0 new css file and copy external.css code and save it as <\/strong>external.css<\/strong>.<\/strong><\/p>\n

3.link.html will connect css externally.
\n<\/strong>
\n<\/code>
\n4.Run link.html to get output.
\n<\/strong><\/p>\n

link.html:<\/span><\/p>\n

[php]
\n <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><\/p>\n

<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><\/p>\n

<head><\/p>\n

<link rel="stylesheet" type="text\/css" href="external.css" \/><\/p>\n

<meta http-equiv="Content-Type" content="text\/html; charset=iso-8859-1" \/><\/p>\n

<title>CSS<\/title><\/p>\n

<\/head><\/p>\n

<body>
\n <h3 align="center">External css<\/h3><\/p>\n

<p>This page uses external CSS.<\/p><\/p>\n

<p>p.first class code<\/p><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n

[\/php]<\/p>\n

external.css:<\/span><\/p>\n

[php]<\/p>\n

body{ background-color:#00CCCC;}<\/p>\n

p { color:#FFFFFF;<\/p>\n

}<\/p>\n

h3{ color:#000000;<\/p>\n

text-decoration:underline;<\/p>\n

text-transform:uppercase;<\/p>\n

}<\/p>\n

p.first{<\/p>\n

color:#33FFCC;<\/p>\n

}<\/p>\n

[\/php]<\/p>\n

output:<\/span><\/p>\n

External css<\/strong><\/span><\/p>\n

This page uses external CSS.<\/p>\n

p.first class code<\/p>\n","protected":false},"excerpt":{"rendered":"

Steps: 1:Create new html file and copy link.html code and save it as link.html. 2.Create\u00a0 new css file and copy external.css code and save it as external.css. 3.link.html will connect css externally. 4.Run link.html to get output. link.html: [php] <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <link rel="stylesheet" type="text\/css" href="external.css" \/> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[142],"class_list":["post-369","post","type-post","status-publish","format-standard","hentry","category-programming","tag-css"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/posts\/369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/comments?post=369"}],"version-history":[{"count":9,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/posts\/369\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/posts\/369\/revisions\/555"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/media?parent=369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/categories?post=369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/programming-blog\/wp-json\/wp\/v2\/tags?post=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}