{"id":12244,"date":"2022-07-02T18:53:17","date_gmt":"2022-07-02T16:53:17","guid":{"rendered":"https:\/\/www.beseit.net\/?p=12244"},"modified":"2022-07-02T19:46:07","modified_gmt":"2022-07-02T17:46:07","slug":"using-css","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=12244","title":{"rendered":"Using CSS"},"content":{"rendered":"<p><a href=\"https:\/\/www.w3schools.com\/html\/html_css.asp\"><span style=\"font-family:Times New Roman; font-size:16pt\">What is CSS<\/span><\/a><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\">CSS can be added to HTML documents in 3 ways:<br \/>\n<\/span><\/p>\n<ul>\n<li><span style=\"font-size:16pt\"><span style=\"font-family:Times New Roman\"><strong>Inline<\/strong> &#8211; by using the <\/span><span style=\"font-family:Courier New\">style<\/span><span style=\"font-family:Times New Roman\"> attribute inside HTML elements<br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size:16pt\"><span style=\"font-family:Times New Roman\"><strong>Internal<\/strong> &#8211; by using a <\/span><span style=\"font-family:Courier New\">&lt;style&gt;<\/span><span style=\"font-family:Times New Roman\"> element in the <\/span><span style=\"font-family:Courier New\">&lt;head&gt;<\/span><span style=\"font-family:Times New Roman\"> section<br \/>\n<\/span><\/span><\/li>\n<li><span style=\"font-size:16pt\"><span style=\"font-family:Times New Roman\"><strong>External<\/strong> &#8211; by using a <\/span><span style=\"font-family:Courier New\">&lt;link&gt;<\/span><span style=\"font-family:Times New Roman\"> element to link to an external CSS file<br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\">The most common way to add CSS, is to keep the styles in external CSS files. However, in this tutorial we will use inline and internal styles, because this is easier to demonstrate, and easier for you to try it yourself.<br \/>\n<\/span><\/p>\n<p><span style=\"font-size:24pt\"><strong>CSS extern<\/strong><\/span><span style=\"font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-size:16pt\">S&#8217;utilitza un full d&#8217;estil extern per definir l&#8217;estil de moltes p\u00e0gines HTML. Per utilitzar un full d&#8217;estil extern, afegiu-hi un enlla\u00e7 a la secci\u00f3 &lt;head&gt; de cada p\u00e0gina HTML:<br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/07\/070222_1746_UsingCSS1.png\" alt=\"\"\/><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\">I styles.css<br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/07\/070222_1746_UsingCSS2.png\" alt=\"\"\/><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\">Carregant aquests examples a Sublime Text 3<br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/07\/070222_1746_UsingCSS3.png\" alt=\"\"\/><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\">Que vist al navegador Firefox (alt F6) queda:<br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2022\/07\/070222_1746_UsingCSS4.png\" alt=\"\"\/><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span><\/p>\n<p><span style=\"font-family:Times New Roman; font-size:16pt\"><br \/>\n\t\t<\/span>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is CSS CSS can be added to HTML documents in 3 ways: Inline &#8211; by using the style attribute inside HTML elements Internal &#8211; by using a &lt;style&gt; element in the &lt;head&gt; section External &#8211; by using a &lt;link&gt; &hellip; <a href=\"https:\/\/www.beseit.net\/?p=12244\">Continua llegint <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-12244","post","type-post","status-publish","format-standard","hentry","category-html"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12244"}],"version-history":[{"count":4,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12244\/revisions"}],"predecessor-version":[{"id":12256,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/12244\/revisions\/12256"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}