{"id":60,"date":"2009-03-10T11:25:00","date_gmt":"2009-03-10T14:25:00","guid":{"rendered":"http:\/\/escovadordebit.web6203.kinghost.net\/2009\/03\/10\/otimo-de-css-com-dicas-e-tutoriais\/"},"modified":"2009-03-10T11:25:00","modified_gmt":"2009-03-10T14:25:00","slug":"otimo-de-css-com-dicas-e-tutoriais","status":"publish","type":"post","link":"https:\/\/escovadordebit.com.br\/?p=60","title":{"rendered":"\u00d3timo de CSS com dicas e tutoriais"},"content":{"rendered":"<p><span style=\"font-size:85%;\"><a href=\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s1600-h\/Crystal_Clear_app_stylesheet.png\"><img decoding=\"async\" style=\"margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 128px; height: 128px;\" src=\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\" alt=\"\" id=\"BLOGGER_PHOTO_ID_5311549969539068882\" border=\"0\" \/><\/a><\/span><span style=\"font-size:85%;\"><span style=\"font-family: verdana;\">Primeiro o que \u00e9 CSS?<\/p>\n<p>Cascading Style Sheets (ou simplesmente CSS) \u00e9 uma linguagem de estilo utilizada para definir a apresenta\u00e7\u00e3o de documentos escritos em uma linguagem de marca\u00e7\u00e3o, como HTML ou XML. Seu principal benef\u00edcio \u00e9 prover a separa\u00e7\u00e3o entre o formato e o conte\u00fado de um documento.<\/span><\/p>\n<p><span style=\"font-family: verdana;\">Ao inv\u00e9s de colocar a formata\u00e7\u00e3o dentro do documento, o desenvolvedor cria um link (liga\u00e7\u00e3o) para uma p\u00e1gina que cont\u00e9m os estilos, procedendo de forma id\u00eantica para todas as p\u00e1ginas de um portal. Quando quiser alterar a apar\u00eancia do portal basta portanto modificar apenas um arquivo.<\/span><\/p>\n<p><span style=\"font-family: verdana;\">Com a varia\u00e7\u00e3o de atualiza\u00e7\u00f5es dos navegadores (browsers) como Internet Explorer que ficou sem nova vers\u00e3o de 2001 a 2006, o suporte ao CSS pode variar. O Internet Explorer 6, por exemplo, tem suporte total a CSS1 e praticamente nulo a CSS2. Navegadores mais modernos como Opera, Internet Explorer 7 e Mozilla Firefox tem suporte maior, inclusive at\u00e9 a CSS 3, ainda em desenvolvimento.<\/span><\/p>\n<p><span style=\"font-family: verdana;\">A interpreta\u00e7\u00e3o dos browsers pode ser avaliada com o teste Acid2, que se tornou uma forma base de revelar qu\u00e3o eficiente \u00e9 o suporte de CSS, fazendo com que a nova vers\u00e3o em desenvolvimento do Firefox seja totalmente compat\u00edvel a ele assim como o Opera j\u00e1 \u00e9.<\/span><\/p>\n<p>Retirado:<br \/><a href=\"http:\/\/pt.wikipedia.org\/wiki\/Cascading_Style_Sheets\">http:\/\/pt.wikipedia.org\/wiki\/Cascading_Style_Sheets<\/a><\/p>\n<p>Um site \u00f3timo com tutoriais e dicas de CSS:<br \/><a href=\"http:\/\/maujor.com\/\">http:\/\/maujor.com<\/a><br \/><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Primeiro o que \u00e9 CSS? Cascading Style Sheets (ou simplesmente CSS) \u00e9 uma linguagem de estilo utilizada para definir a apresenta\u00e7\u00e3o de documentos escritos em uma linguagem de marca\u00e7\u00e3o, como HTML ou XML. Seu principal benef\u00edcio \u00e9 prover a separa\u00e7\u00e3o entre o formato e o conte\u00fado de um documento. Ao inv\u00e9s de colocar a formata\u00e7\u00e3o [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[23],"class_list":["post-60","post","type-post","status-publish","format-standard","hentry","category-codebit","tag-css"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/escovadordebit.com.br\/?p=60\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit\" \/>\n<meta property=\"og:description\" content=\"Primeiro o que \u00e9 CSS? Cascading Style Sheets (ou simplesmente CSS) \u00e9 uma linguagem de estilo utilizada para definir a apresenta\u00e7\u00e3o de documentos escritos em uma linguagem de marca\u00e7\u00e3o, como HTML ou XML. Seu principal benef\u00edcio \u00e9 prover a separa\u00e7\u00e3o entre o formato e o conte\u00fado de um documento. Ao inv\u00e9s de colocar a formata\u00e7\u00e3o [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/escovadordebit.com.br\/?p=60\" \/>\n<meta property=\"og:site_name\" content=\"Escovador de Bit\" \/>\n<meta property=\"article:published_time\" content=\"2009-03-10T14:25:00+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\" \/>\n<meta name=\"author\" content=\"Martin Muller martin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Martin Muller martin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#article\",\"isPartOf\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60\"},\"author\":{\"name\":\"Martin Muller martin\",\"@id\":\"https:\/\/escovadordebit.com.br\/#\/schema\/person\/3a14e341de3660629f9c1e39dfe6d653\"},\"headline\":\"\u00d3timo de CSS com dicas e tutoriais\",\"datePublished\":\"2009-03-10T14:25:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60\"},\"wordCount\":244,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/escovadordebit.com.br\/#organization\"},\"image\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#primaryimage\"},\"thumbnailUrl\":\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\",\"keywords\":[\"CSS\"],\"articleSection\":[\"CodeBit\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/escovadordebit.com.br\/?p=60#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60\",\"url\":\"https:\/\/escovadordebit.com.br\/?p=60\",\"name\":\"\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit\",\"isPartOf\":{\"@id\":\"https:\/\/escovadordebit.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#primaryimage\"},\"image\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#primaryimage\"},\"thumbnailUrl\":\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\",\"datePublished\":\"2009-03-10T14:25:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/escovadordebit.com.br\/?p=60\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#primaryimage\",\"url\":\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\",\"contentUrl\":\"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/escovadordebit.com.br\/?p=60#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/escovadordebit.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00d3timo de CSS com dicas e tutoriais\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/escovadordebit.com.br\/#website\",\"url\":\"https:\/\/escovadordebit.com.br\/\",\"name\":\"Escovador de Bit\",\"description\":\"Escove escove at\u00e9 achar o problema\",\"publisher\":{\"@id\":\"https:\/\/escovadordebit.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/escovadordebit.com.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/escovadordebit.com.br\/#organization\",\"name\":\"Escovador de Bit\",\"url\":\"https:\/\/escovadordebit.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/escovadordebit.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/escovadordebit.com.br\/wp-content\/uploads\/2017\/11\/cropped-cropped-escovadordebit-2.png\",\"contentUrl\":\"https:\/\/escovadordebit.com.br\/wp-content\/uploads\/2017\/11\/cropped-cropped-escovadordebit-2.png\",\"width\":99,\"height\":75,\"caption\":\"Escovador de Bit\"},\"image\":{\"@id\":\"https:\/\/escovadordebit.com.br\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/escovadordebit.com.br\/#\/schema\/person\/3a14e341de3660629f9c1e39dfe6d653\",\"name\":\"Martin Muller martin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/escovadordebit.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Martin Muller martin\"},\"url\":\"https:\/\/escovadordebit.com.br\/?author=2\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/escovadordebit.com.br\/?p=60","og_locale":"pt_BR","og_type":"article","og_title":"\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit","og_description":"Primeiro o que \u00e9 CSS? Cascading Style Sheets (ou simplesmente CSS) \u00e9 uma linguagem de estilo utilizada para definir a apresenta\u00e7\u00e3o de documentos escritos em uma linguagem de marca\u00e7\u00e3o, como HTML ou XML. Seu principal benef\u00edcio \u00e9 prover a separa\u00e7\u00e3o entre o formato e o conte\u00fado de um documento. Ao inv\u00e9s de colocar a formata\u00e7\u00e3o [&hellip;]","og_url":"https:\/\/escovadordebit.com.br\/?p=60","og_site_name":"Escovador de Bit","article_published_time":"2009-03-10T14:25:00+00:00","og_image":[{"url":"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png","type":"","width":"","height":""}],"author":"Martin Muller martin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Martin Muller martin","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/escovadordebit.com.br\/?p=60#article","isPartOf":{"@id":"https:\/\/escovadordebit.com.br\/?p=60"},"author":{"name":"Martin Muller martin","@id":"https:\/\/escovadordebit.com.br\/#\/schema\/person\/3a14e341de3660629f9c1e39dfe6d653"},"headline":"\u00d3timo de CSS com dicas e tutoriais","datePublished":"2009-03-10T14:25:00+00:00","mainEntityOfPage":{"@id":"https:\/\/escovadordebit.com.br\/?p=60"},"wordCount":244,"commentCount":0,"publisher":{"@id":"https:\/\/escovadordebit.com.br\/#organization"},"image":{"@id":"https:\/\/escovadordebit.com.br\/?p=60#primaryimage"},"thumbnailUrl":"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png","keywords":["CSS"],"articleSection":["CodeBit"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/escovadordebit.com.br\/?p=60#respond"]}]},{"@type":"WebPage","@id":"https:\/\/escovadordebit.com.br\/?p=60","url":"https:\/\/escovadordebit.com.br\/?p=60","name":"\u00d3timo de CSS com dicas e tutoriais - Escovador de Bit","isPartOf":{"@id":"https:\/\/escovadordebit.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/escovadordebit.com.br\/?p=60#primaryimage"},"image":{"@id":"https:\/\/escovadordebit.com.br\/?p=60#primaryimage"},"thumbnailUrl":"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png","datePublished":"2009-03-10T14:25:00+00:00","breadcrumb":{"@id":"https:\/\/escovadordebit.com.br\/?p=60#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/escovadordebit.com.br\/?p=60"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/escovadordebit.com.br\/?p=60#primaryimage","url":"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png","contentUrl":"http:\/\/3.bp.blogspot.com\/_snA00z6BX9M\/SbZqjjUc89I\/AAAAAAAAAL0\/V-_BsdoHX1I\/s200\/Crystal_Clear_app_stylesheet.png"},{"@type":"BreadcrumbList","@id":"https:\/\/escovadordebit.com.br\/?p=60#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/escovadordebit.com.br\/"},{"@type":"ListItem","position":2,"name":"\u00d3timo de CSS com dicas e tutoriais"}]},{"@type":"WebSite","@id":"https:\/\/escovadordebit.com.br\/#website","url":"https:\/\/escovadordebit.com.br\/","name":"Escovador de Bit","description":"Escove escove at\u00e9 achar o problema","publisher":{"@id":"https:\/\/escovadordebit.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/escovadordebit.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/escovadordebit.com.br\/#organization","name":"Escovador de Bit","url":"https:\/\/escovadordebit.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/escovadordebit.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/escovadordebit.com.br\/wp-content\/uploads\/2017\/11\/cropped-cropped-escovadordebit-2.png","contentUrl":"https:\/\/escovadordebit.com.br\/wp-content\/uploads\/2017\/11\/cropped-cropped-escovadordebit-2.png","width":99,"height":75,"caption":"Escovador de Bit"},"image":{"@id":"https:\/\/escovadordebit.com.br\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/escovadordebit.com.br\/#\/schema\/person\/3a14e341de3660629f9c1e39dfe6d653","name":"Martin Muller martin","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/escovadordebit.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Martin Muller martin"},"url":"https:\/\/escovadordebit.com.br\/?author=2"}]}},"_links":{"self":[{"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":0,"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=\/wp\/v2\/posts\/60\/revisions"}],"wp:attachment":[{"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/escovadordebit.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}