{"id":4253,"date":"2020-10-30T21:38:53","date_gmt":"2020-10-30T20:38:53","guid":{"rendered":"https:\/\/webhosting.de\/?p=4253"},"modified":"2020-10-30T21:38:53","modified_gmt":"2020-10-30T20:38:53","slug":"css-schede-in-stile-fascicolante-un-popolare-strumento-di-progettazione-del-web","status":"publish","type":"post","link":"https:\/\/webhosting.de\/it\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Fogli di stile a cascata)"},"content":{"rendered":"

I CSS (Cascading Style Sheets) sono uno strumento popolare nel web design. \u00c8 difficile immaginare molte applicazioni web senza di loro. Possono accelerare la creazione e la modifica delle pagine web. Un file CSS \u00e8 praticamente scritto come una specie di file di testo e contiene istruzioni per il design. Cos\u00ec, \u00e8 anche possibile che tutte le sottopagine di un homepage<\/a> per utilizzare lo stesso design chiamando questo file CSS nell'intestazione della rispettiva pagina. Se cambiate il design, dovete solo cambiare il file CSS e questo influenzer\u00e0 tutte le pagine del progetto web da modificare.<\/p>\n

Opzioni di formattazione<\/h3>\n

Con lo speciale linguaggio di programmazione CSS si possono eseguire quasi tutti i compiti di formattazione di un sito web, almeno quelli relativi alla progettazione. Con i CSS \u00e8 possibile anche creare cornici di diverse tonalit\u00e0 e grafica semplice. I caratteri e le dimensioni dei caratteri sono definiti una sola volta nel file CSS e sono quindi automaticamente disponibili nell'intero catalogo o nella presentazione aziendale. Ci sono molte possibili varianti, perch\u00e9 alcune aree come i titoli, i contenuti delle tabelle, le didascalie o le note a pi\u00e8 di pagina possono essere definite separatamente. Sfondi di colore diverso con o senza motivi possono essere dichiarati tramite CSS. Con i CSS si possono realizzare diversi punti di proiettile, vari elementi dinamici e molto altro ancora. Anche le immagini, i video e le sequenze audio possono essere integrati in questo modo, se non si vuole farlo in altro modo.<\/p>\n

Sintassi<\/h3>\n

Secondo le linee guida del W3C, le propriet\u00e0 da visualizzare sono soggette a determinate regole. Ci sono selettori che assegnano un certo valore alla rispettiva propriet\u00e0 tra parentesi graffe. Ad esempio, nel caso del colore di un'intestazione del secondo ordine, pu\u00f2 essere cos\u00ec: h2 { colore: verde; } Al posto di \"verde\" potrebbe esserci anche un numero di colore. Qui, \"h2\" sarebbe il selettore, \"colore\" la propriet\u00e0 e \"verde\" il valore assegnato. Naturalmente \u00e8 possibile assegnare pi\u00f9 propriet\u00e0 contemporaneamente. Importanti sono gli spazi dopo l'apertura e prima della parentesi di chiusura e i punti e virgola alla fine di ogni incarico. Per motivi di chiarezza, si raccomanda di disporre ogni propriet\u00e0 in una linea supplementare. Per progetti di ampio respiro, il sito web<\/a> allora i commenti interni non visibili hanno senso.<\/p>\n

\"css\"<\/a>Campi di applicazione e caratteristiche speciali<\/h3>\n

I fogli di stile a cascata sono relativamente facili da integrare nei progetti HTML e PHP. L'HTML (Hyper Text Markup Language) era inizialmente l'area di applicazione pi\u00f9 diffusa. Singoli fogli di stile possono essere inseriti qui anche all'interno di un file HTML con i comandi di stile. I fogli di stile a cascata, cio\u00e8 diversi elementi di design, sono definiti in un file separato e richiamati in un'area specifica di un file HTML o, pi\u00f9 favorevolmente, nell'intestazione come file esterno. In PHP (Hypertext Preprocessor - in realt\u00e0 Personal Home Page Tools) i CSS non sono solo inclusi come file *.css, ma collegati con comandi PHP. Una combinazione di PHP e HTML \u00e8 anche possibile in linea di principio. La variante pi\u00f9 moderna \u00e8 quella di lavorare con i database, in cui nel caso di MySQL<\/a> Ad esempio, le propriet\u00e0 del progetto web possono essere create tramite PHP e CSS. Numerosi sistemi di database utilizzano tecniche simili. Tuttavia, la maggior parte di essi utilizza linguaggi di programmazione aggiuntivi che utilizzano anche i CSS. Purtroppo ci sono alcune caratteristiche speciali riguardanti i sistemi operativi e i browser da prendere in considerazione. Non tutti gli effetti sono uguali in ogni browser, alcuni non sono nemmeno interpretati da tutti. Per questo motivo spesso si devono considerare versioni diverse a seconda del browser e del sistema operativo nel modo in cui i valori sono assegnati alle propriet\u00e0 nel CSS. A questo scopo, il sistema operativo e il browser utilizzato vengono solitamente interrogati dall'intestazione del file HTML o PHP o dal sistema di database e viene assegnata una versione CSS corretta.<\/p>\n

attivit\u00e0 e svantaggi<\/h3>\n

I CSS sono una gradita aggiunta e semplificazione ai progetti HTML e PHP. Sono strutturate in modo logico e possono essere apprese in modo relativamente rapido. Un errore in un file CSS, tuttavia, apparir\u00e0 su pi\u00f9 pagine contemporaneamente, ma pu\u00f2 anche essere risolto rapidamente. Ci sono problemi con i font esotici e i set di lingue straniere. Pertanto \u00e8 necessario prendere precauzioni e specificare una variante alternativa. Nel caso di un font speciale, si potrebbe assegnare un valore per un font che normalmente \u00e8 presente ovunque davanti ad esso. CSS per utilizzare l'ultimo valore nominato per un immobile. Se questo valore non pu\u00f2 essere visualizzato, viene ignorato. Se avete assegnato il carattere semplice prima di questa assegnazione, esso \u00e8 considerato l'ultimo carattere interpretabile e la vostra pagina sar\u00e0 comunque visualizzata in modo utilizzabile. I set di lingue straniere e altre caratteristiche speciali devono essere integrati nel progetto web tramite HTML, PHP o un altro linguaggio di programmazione o, se necessario, reindirizzati a una pagina in inglese.<\/p>","protected":false},"excerpt":{"rendered":"

CSS (Cascading Style Sheets) gelten als beliebtes Instrument im Webdesign. Aus vielen Webanwendungen sind sie kaum noch weg zu denken. Sie k\u00f6nnen die Erstellung und Bearbeitung von Webseiten beschleunigen. Eine CSS-Datei wird praktisch als eine Art Textdatei geschrieben und enth\u00e4lt Anweisungen zum Design. Somit ist es m\u00f6glich, auch f\u00fcr alle Unterseiten einer Homepage das selbe […]<\/p>\n","protected":false},"author":1,"featured_media":943,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[732],"tags":[281],"class_list":["post-4253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lexikon","tag-css"],"acf":[],"_wp_attached_file":null,"_wp_attachment_metadata":null,"litespeed-optimize-size":null,"litespeed-optimize-set":null,"_elementor_source_image_hash":null,"_wp_attachment_image_alt":null,"stockpack_author_name":null,"stockpack_author_url":null,"stockpack_provider":null,"stockpack_image_url":null,"stockpack_license":null,"stockpack_license_url":null,"stockpack_modification":null,"color":null,"original_id":null,"original_url":null,"original_link":null,"unsplash_location":null,"unsplash_sponsor":null,"unsplash_exif":null,"unsplash_attachment_metadata":null,"_elementor_is_screenshot":null,"surfer_file_name":null,"surfer_file_original_url":null,"envato_tk_source_kit":null,"envato_tk_source_index":null,"envato_tk_manifest":null,"envato_tk_folder_name":null,"envato_tk_builder":null,"envato_elements_download_event":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_trp_menu_languages":null,"rank_math_primary_category":null,"rank_math_title":null,"inline_featured_image":null,"_yoast_wpseo_primary_category":null,"rank_math_schema_blogposting":null,"rank_math_schema_videoobject":null,"_oembed_049c719bc4a9f89deaead66a7da9fddc":null,"_oembed_time_049c719bc4a9f89deaead66a7da9fddc":null,"_yoast_wpseo_focuskw":"css","_yoast_wpseo_linkdex":null,"_oembed_27e3473bf8bec795fbeb3a9d38489348":null,"_oembed_c3b0f6959478faf92a1f343d8f96b19e":null,"_trp_translated_slug_en_us":null,"_wp_desired_post_slug":null,"_yoast_wpseo_title":null,"tldname":null,"tldpreis":null,"tldrubrik":null,"tldpolicylink":null,"tldsize":null,"tldregistrierungsdauer":null,"tldtransfer":null,"tldwhoisprivacy":null,"tldregistrarchange":null,"tldregistrantchange":null,"tldwhoisupdate":null,"tldnameserverupdate":null,"tlddeletesofort":null,"tlddeleteexpire":null,"tldumlaute":null,"tldrestore":null,"tldsubcategory":null,"tldbildname":null,"tldbildurl":null,"tldclean":null,"tldcategory":null,"tldpolicy":null,"tldbesonderheiten":null,"tld_bedeutung":null,"_oembed_d167040d816d8f94c072940c8009f5f8":null,"_oembed_b0a0fa59ef14f8870da2c63f2027d064":null,"_oembed_4792fa4dfb2a8f09ab950a73b7f313ba":null,"_oembed_33ceb1fe54a8ab775d9410abf699878d":null,"_oembed_fd7014d14d919b45ec004937c0db9335":null,"_oembed_21a029d076783ec3e8042698c351bd7e":null,"_oembed_be5ea8a0c7b18e658f08cc571a909452":null,"_oembed_a9ca7a298b19f9b48ec5914e010294d2":null,"_oembed_f8db6b27d08a2bb1f920e7647808899a":null,"_oembed_168ebde5096e77d8a89326519af9e022":null,"_oembed_cdb76f1b345b42743edfe25481b6f98f":null,"_oembed_87b0613611ae54e86e8864265404b0a1":null,"_oembed_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_oembed_time_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_tldname":null,"_tldclean":null,"_tldpreis":null,"_tldcategory":null,"_tldsubcategory":null,"_tldpolicy":null,"_tldpolicylink":null,"_tldsize":null,"_tldregistrierungsdauer":null,"_tldtransfer":null,"_tldwhoisprivacy":null,"_tldregistrarchange":null,"_tldregistrantchange":null,"_tldwhoisupdate":null,"_tldnameserverupdate":null,"_tlddeletesofort":null,"_tlddeleteexpire":null,"_tldumlaute":null,"_tldrestore":null,"_tldbildname":null,"_tldbildurl":null,"_tld_bedeutung":null,"_tldbesonderheiten":null,"_oembed_ad96e4112edb9f8ffa35731d4098bc6b":null,"_oembed_8357e2b8a2575c74ed5978f262a10126":null,"_oembed_3d5fea5103dd0d22ec5d6a33eff7f863":null,"_eael_widget_elements":null,"_oembed_0d8a206f09633e3d62b95a15a4dd0487":null,"_oembed_time_0d8a206f09633e3d62b95a15a4dd0487":null,"_aioseo_description":null,"_eb_attr":null,"_eb_data_table":null,"_oembed_819a879e7da16dd629cfd15a97334c8a":null,"_oembed_time_819a879e7da16dd629cfd15a97334c8a":null,"_acf_changed":null,"_wpcode_auto_insert":null,"_edit_last":null,"_edit_lock":null,"_oembed_e7b913c6c84084ed9702cb4feb012ddd":null,"_oembed_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_time_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_03514b67990db061d7c4672de26dc514":null,"_oembed_time_03514b67990db061d7c4672de26dc514":null,"rank_math_news_sitemap_robots":"index","rank_math_robots":["index"],"_eael_post_view_count":"4953","_trp_automatically_translated_slug_ru_ru":null,"_trp_automatically_translated_slug_et":"css-cascading-style-sheets-a-popular-web-design-tool","_trp_automatically_translated_slug_lv":"css-cascading-style-sheets-a-popular-web-design-tool","_trp_automatically_translated_slug_fr_fr":null,"_trp_automatically_translated_slug_en_us":null,"_wp_old_slug":null,"_trp_automatically_translated_slug_da_dk":null,"_trp_automatically_translated_slug_pl_pl":null,"_trp_automatically_translated_slug_es_es":null,"_trp_automatically_translated_slug_hu_hu":null,"_trp_automatically_translated_slug_fi":"css-cascading-style-sheet-a-popular-web-design-tool","_trp_automatically_translated_slug_ja":"css%e3%82%ab%e3%82%b9%e3%82%b1%e3%83%bc%e3%83%89%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%81%af%e3%80%81%e4%ba%ba%e6%b0%97%e3%81%ae%e3%81%82%e3%82%8bweb%e3%83%87%e3%82%b6","_trp_automatically_translated_slug_lt_lt":null,"_elementor_edit_mode":null,"_elementor_template_type":null,"_elementor_version":null,"_elementor_pro_version":null,"_wp_page_template":"default","_elementor_page_settings":null,"_elementor_data":null,"_elementor_css":null,"_elementor_conditions":null,"_happyaddons_elements_cache":null,"_oembed_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_time_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_time_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_59808117857ddf57e478a31d79f76e4d":null,"_oembed_time_59808117857ddf57e478a31d79f76e4d":null,"_oembed_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_time_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_81002f7ee3604f645db4ebcfd1912acf":null,"_oembed_time_81002f7ee3604f645db4ebcfd1912acf":null,"_elementor_screenshot":null,"_oembed_7ea3429961cf98fa85da9747683af827":null,"_oembed_time_7ea3429961cf98fa85da9747683af827":null,"_elementor_controls_usage":null,"_elementor_page_assets":null,"_elementor_screenshot_failed":null,"theplus_transient_widgets":["tp-video-player"],"_eael_custom_js":null,"_wp_old_date":null,"_trp_automatically_translated_slug_it_it":null,"_trp_automatically_translated_slug_pt_pt":null,"_trp_automatically_translated_slug_zh_cn":null,"_trp_automatically_translated_slug_nl_nl":null,"_trp_automatically_translated_slug_pt_br":null,"_trp_automatically_translated_slug_sv_se":null,"rank_math_analytic_object_id":"885","rank_math_internal_links_processed":null,"_trp_automatically_translated_slug_ro_ro":null,"_trp_automatically_translated_slug_sk_sk":null,"_trp_automatically_translated_slug_bg_bg":null,"_trp_automatically_translated_slug_sl_si":null,"litespeed_vpi_list":["webhostinglogo.png"],"litespeed_vpi_list_mobile":["webhostinglogo.png"],"rank_math_seo_score":null,"rank_math_contentai_score":null,"ilj_limitincominglinks":null,"ilj_maxincominglinks":null,"ilj_limitoutgoinglinks":null,"ilj_maxoutgoinglinks":null,"ilj_limitlinksperparagraph":null,"ilj_linksperparagraph":null,"ilj_blacklistdefinition":null,"ilj_linkdefinition":["css (cascading style sheets)","css"],"_eb_reusable_block_ids":null,"rank_math_focus_keyword":"css","rank_math_og_content_image":null,"_yoast_wpseo_metadesc":"CSS sind eine willkommene Erg\u00e4nzung und Vereinfachung von HTML- und PHP-Projekten. Sie sind logisch aufgebaut und lassen sich relativ schnell erlernen.","_yoast_wpseo_content_score":null,"_yoast_wpseo_focuskeywords":null,"_yoast_wpseo_keywordsynonyms":null,"_yoast_wpseo_estimated-reading-time-minutes":null,"rank_math_description":"CSS sind eine willkommene Erg\u00e4nzung und Vereinfachung von HTML- und PHP-Projekten. Sie sind logisch aufgebaut und lassen sich relativ schnell erlernen.","surfer_last_post_update":null,"surfer_last_post_update_direction":null,"surfer_keywords":null,"surfer_location":null,"surfer_draft_id":null,"surfer_permalink_hash":null,"surfer_scrape_ready":null,"_thumbnail_id":"943","footnotes":null,"_links":{"self":[{"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/it\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}