{"id":3474,"date":"2020-12-31T10:02:12","date_gmt":"2020-12-31T10:02:12","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=3474"},"modified":"2022-02-17T14:35:10","modified_gmt":"2022-02-17T14:35:10","slug":"adding-a-stylesheet","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/examples\/adding-a-stylesheet","title":{"rendered":"Adding a .css stylesheet (default stylesheet)"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\" id=\"in-your-html-php-file-add-this\">In your html \/ php file add this<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;\n\n&lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;\n\n&lt;\/head&gt;<\/code><\/pre>\n\n\n\n<p>(The old type=&#8221;text\/css&#8221; is no longer required)<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"create-your-styles-css-file\">Create your styles.css file<\/h5>\n\n\n\n<p>An example with a good main stylesheet default content<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@charset \"utf-8\";\n\n\n\/*------------------------------------------*\/\n\/*----- REMOVE VARIED BROWSER DEFAULTS -----*\/\n\/*------------------------------------------*\/\n\/*Remove padding and margin from all elements as defaults can differ between browsers*\/ \n* { \n  margin: 0; \n  padding: 0; \n  border: 0; \n}\n\n\/*-----------------------------*\/\n\/*----- MAIN PAGE WRAPPER -----*\/\n\/*-----------------------------*\/\nbody { \n  text-align:center;\n} \n\n#wrapper {  \n  width:980px;  \n  margin-left:auto;  \n  margin-right:auto;\n  background-color: #FFFFFF;\n  text-align:left;\n}\n\n\n\/*----------------*\/\n\/*----- TEXT -----*\/\n\/*----------------*\/\nhtml, body { \n  font-family: Arial, Helvetica, sans-serif;\n  color: #000000;\n  font-size: 16px;    \/*16px is the typical browser default text size*\/\n}\n\nh1 { \n  font-size: 2.0em;\n  line-height: 1.4em;\n  margin: 0.67em 0 0.2em 0;\n} \n     \nh2 { \n  font-size: 1.7em;\n  line-height: 1.5em;\n  margin: 0.75em 0 0.1em 0;\n} \n     \nh3 { \n  font-size: 1.4em;\n  line-height: 1.3em;\n  margin: 0.83em 0 0.1em 0;\n} \n     \nh4 { \n  font-size: 1.2em;\n  line-height: 1.1em;\n  margin: 1.12em 0 0.1em 0;\n} \n     \nh5 { \n  font-size: 1.2em;\n  line-height: 1em;\n  margin: 1.5em 0 0em 0;\n} \n     \np { \n  font-size: 1.0em;\n  margin: 1.12em 0;\n}\n\n\/*----- LINKS -----*\/\na {\n  text-decoration:none;\n  color:inherit;\n}\na:hover {\n  text-decoration:underline;\n  color:inherit;\n}\n\n\n\/*-----------------*\/\n\/*----- FORMS -----*\/\n\/*-----------------*\/\ninput.text { \n  padding: 3px; \n  border: 1px solid #999999;     \n}\n\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>In your html \/ php file add this (The old type=&#8221;text\/css&#8221; is no longer required) Create your styles.css file An example with a good main stylesheet default content<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[287,57],"tags":[],"class_list":["post-3474","post","type-post","status-publish","format-standard","hentry","category-css-basics","category-examples"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=3474"}],"version-history":[{"count":10,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3474\/revisions"}],"predecessor-version":[{"id":4226,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3474\/revisions\/4226"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=3474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=3474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=3474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}