{"id":236,"date":"2003-05-05T13:01:57","date_gmt":"2003-05-05T11:01:57","guid":{"rendered":"\/\/?p="},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T23:00:00","slug":"css-explainer","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/","title":{"rendered":"CSS explainer"},"content":{"rendered":"<p>se avete trovato un CSS fichissimo ma non riuscite a capire che cacchio faccia con <a href=\"http:\/\/gallery.theopalgroup.com\/selectoracle\/\" title=\"selectORacle\" target=\"_blank\">selectORacle<\/a> scoprirete l&#8217;arcano,<br \/>\ninfatti lo script in questione traduce in linguaggio &#8220;umano&#8221; i comportamenti di un CSS per permetterne un agevole studio :).<\/p>\n<p>ciuaz<\/p>\n","protected":false},"excerpt":{"rendered":"<p>se avete trovato un CSS fichissimo ma non riuscite a capire che cacchio faccia con selectORacle scoprirete l&#8217;arcano, infatti lo script in questione traduce in linguaggio &#8220;umano&#8221; i comportamenti di un CSS per permetterne un agevole studio :). ciuaz<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[5],"tags":[],"class_list":["post-236","post","type-post","status-publish","format-standard","hentry","category-tecnologia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS explainer - Fullo<\/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:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS explainer - Fullo\" \/>\n<meta property=\"og:description\" content=\"se avete trovato un CSS fichissimo ma non riuscite a capire che cacchio faccia con selectORacle scoprirete l&#8217;arcano, infatti lo script in questione traduce in linguaggio &#8220;umano&#8221; i comportamenti di un CSS per permetterne un agevole studio :). ciuaz\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/\" \/>\n<meta property=\"og:site_name\" content=\"Fullo\" \/>\n<meta property=\"article:published_time\" content=\"2003-05-05T11:01:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2021\/05\/FB_IMG_1515748807284.jpg?fit=1453%2C1453&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1453\" \/>\n\t<meta property=\"og:image:height\" content=\"1453\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Francesco Fullone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fullo\" \/>\n<meta name=\"twitter:site\" content=\"@fullo\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/\"},\"author\":{\"name\":\"Francesco Fullone\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"headline\":\"CSS explainer\",\"datePublished\":\"2003-05-05T11:01:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/\"},\"wordCount\":41,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"articleSection\":[\"tecnologia\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/\",\"name\":\"CSS explainer - Fullo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\"},\"datePublished\":\"2003-05-05T11:01:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/05\\\/05\\\/css-explainer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS explainer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\",\"name\":\"Fullo\",\"description\":\"nulla e&#039; impossibile per chi non lo deve fare!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"width\":622,\"height\":622,\"caption\":\"Francesco Fullone\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.fullo.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fullo\",\"https:\\\/\\\/x.com\\\/fullo\"],\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/author\\\/fullo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS explainer - Fullo","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:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/","og_locale":"it_IT","og_type":"article","og_title":"CSS explainer - Fullo","og_description":"se avete trovato un CSS fichissimo ma non riuscite a capire che cacchio faccia con selectORacle scoprirete l&#8217;arcano, infatti lo script in questione traduce in linguaggio &#8220;umano&#8221; i comportamenti di un CSS per permetterne un agevole studio :). ciuaz","og_url":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/","og_site_name":"Fullo","article_published_time":"2003-05-05T11:01:57+00:00","og_image":[{"width":1453,"height":1453,"url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2021\/05\/FB_IMG_1515748807284.jpg?fit=1453%2C1453&ssl=1","type":"image\/jpeg"}],"author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Scritto da":"Francesco Fullone"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/#article","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/"},"author":{"name":"Francesco Fullone","@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"headline":"CSS explainer","datePublished":"2003-05-05T11:01:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/"},"wordCount":41,"commentCount":0,"publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"articleSection":["tecnologia"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/","url":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/","name":"CSS explainer - Fullo","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/#website"},"datePublished":"2003-05-05T11:01:57+00:00","breadcrumb":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fullo.net\/blog\/2003\/05\/05\/css-explainer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fullo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS explainer"}]},{"@type":"WebSite","@id":"https:\/\/www.fullo.net\/blog\/#website","url":"https:\/\/www.fullo.net\/blog\/","name":"Fullo","description":"nulla e&#039; impossibile per chi non lo deve fare!","publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fullo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","width":622,"height":622,"caption":"Francesco Fullone"},"logo":{"@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1"},"sameAs":["http:\/\/www.fullo.net","https:\/\/www.linkedin.com\/in\/fullo","https:\/\/x.com\/fullo"],"url":"https:\/\/www.fullo.net\/blog\/author\/fullo\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3OSc1-3O","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1696,"url":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","url_meta":{"origin":236,"position":0},"title":"Ottimizzare i propri CSS","author":"Francesco Fullone","date":"17\/10\/2005","format":false,"excerpt":"Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente\u2026","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1591,"url":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","url_meta":{"origin":236,"position":1},"title":"CSS Customization","author":"Francesco Fullone","date":"16\/08\/2005","format":false,"excerpt":"Bellissimo tutorial su come personalizzare l'aspetto degli input di tipo Radio e CheckBox dei form senza perderne l'accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser. E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL ciauz","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":100,"url":"https:\/\/www.fullo.net\/blog\/2003\/01\/31\/css-e-bug\/","url_meta":{"origin":236,"position":2},"title":"css e bug","author":"Francesco Fullone","date":"31\/01\/2003","format":false,"excerpt":"ho aggiornato finalmente la template ed il css del mio \"bellissimo\" blog ma ho qualche problema con il caricamento dinamico dei css... qualche suggerimento? ciuaz aggiornamento delle 14:01 ho risolto il problema modificando il javascript scaricato da Constile :D adesso devo risolvere la differenza di visualizzazione tra mozilla e ie,\u2026","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":423,"url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","url_meta":{"origin":236,"position":3},"title":"css e fir","author":"Francesco Fullone","date":"28\/08\/2003","format":false,"excerpt":"ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico... e devo dire che li ho trovato molto interessanti... unico dubbio... se all'interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l'esempio semantico va a farsi\u2026","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7,"url":"https:\/\/www.fullo.net\/blog\/2002\/10\/20\/css-20\/","url_meta":{"origin":236,"position":4},"title":"CSS 2.0","author":"Francesco Fullone","date":"20\/10\/2002","format":false,"excerpt":"Cercando di aggiornare la template di b2 ho iniziato a ri-studiarmi i CSS e mi sono imbattuto nella seconda versione del linguaggio. Una lettura illuminante che mi spinto a cercare ulteriori news sugli aggiornamente dei vari meta-linguaggi, ecco cosa ho trovato: XHTML 2.0 XML 1.1 RDF, ok questo non \u00e8\u2026","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1593,"url":"https:\/\/www.fullo.net\/blog\/2005\/08\/18\/un-incubo-di-css\/","url_meta":{"origin":236,"position":5},"title":"un incubo di css","author":"Francesco Fullone","date":"18\/08\/2005","format":false,"excerpt":"Sto lavorando da qualche giorno ad un css per un layout a tre colonne un po' particolare, qualcuno sa spiegarmi perch\u00e8 diavolo con ie mi scompaiono tutti gli oggetti quando applico uno stile con un float? Cio\u00e8 mi spiego meglio, se devo allineare due oggetti all'interno della colonna centrale (quella\u2026","rel":"","context":"In &quot;pensieri&quot;","block_context":{"text":"pensieri","link":"https:\/\/www.fullo.net\/blog\/category\/pensieri\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":0,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/236\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/media?parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/categories?post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/tags?post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}