{"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-cascading-style-sheets-a-popular-web-design-tool","status":"publish","type":"post","link":"https:\/\/webhosting.de\/fr\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"<p>Les feuilles de style en cascade (CSS) sont un outil populaire dans la conception de sites web. Il est difficile d'imaginer de nombreuses applications web sans elles. Ils peuvent acc\u00e9l\u00e9rer la cr\u00e9ation et l'\u00e9dition des pages web. Un fichier CSS est pratiquement \u00e9crit comme une sorte de fichier texte et contient des instructions pour la conception. Ainsi, il est \u00e9galement possible pour toutes les sous-pages d'un <a href=\"https:\/\/webhosting.de\/fr\/die-moeglichkeiten-zur-erstellung-einer-homepage\/\">page d'accueil<\/a> d'utiliser le m\u00eame design en appelant ce fichier CSS dans l'en-t\u00eate de la page respective. Si vous modifiez le design, il vous suffit de changer le fichier CSS et cela affectera toutes les pages du projet web \u00e0 \u00e9diter.<\/p>\n<h3>Options de formatage<\/h3>\n<p>Avec le langage de programmation sp\u00e9cial CSS, presque toutes les t\u00e2ches de formatage d'un site web peuvent \u00eatre effectu\u00e9es, du moins celles concernant la conception. Avec le CSS, vous pouvez m\u00eame cr\u00e9er des cadres de diff\u00e9rentes nuances et des graphiques simples. Les polices et les tailles de police sont d\u00e9finies une fois dans le fichier CSS et sont donc automatiquement disponibles dans l'ensemble du catalogue ou de la pr\u00e9sentation de l'entreprise. Il existe de nombreuses variations possibles, car certains domaines tels que les titres, le contenu des tableaux, les l\u00e9gendes ou les notes de bas de page peuvent tous \u00eatre d\u00e9finis s\u00e9par\u00e9ment. Des fonds de diff\u00e9rentes couleurs avec ou sans motif peuvent \u00eatre d\u00e9clar\u00e9s via le CSS. Diff\u00e9rents points, divers \u00e9l\u00e9ments dynamiques et bien plus encore peuvent \u00eatre r\u00e9alis\u00e9s avec le CSS. Des images, des vid\u00e9os et des s\u00e9quences audio peuvent \u00e9galement \u00eatre int\u00e9gr\u00e9es de cette fa\u00e7on, si vous ne voulez pas le faire autrement.<\/p>\n<h3>Syntaxe<\/h3>\n<p>Selon les directives du W3C, les propri\u00e9t\u00e9s \u00e0 afficher sont soumises \u00e0 certaines r\u00e8gles. Il existe des s\u00e9lecteurs qui attribuent une certaine valeur \u00e0 la propri\u00e9t\u00e9 respective entre parenth\u00e8ses. Par exemple, dans le cas de la couleur d'une rubrique de second ordre, celle-ci peut ressembler \u00e0 ceci : h2 { color : green ; } Au lieu du \"vert\", il pourrait aussi y avoir un num\u00e9ro de couleur. Ici, \"h2\" serait le s\u00e9lecteur, \"color\" la propri\u00e9t\u00e9 et \"green\" la valeur attribu\u00e9e. Bien entendu, plusieurs propri\u00e9t\u00e9s peuvent \u00eatre attribu\u00e9es en m\u00eame temps. Les espaces apr\u00e8s l'ouverture et avant la parenth\u00e8se fermante ainsi que les points-virgules \u00e0 la fin de chaque devoir sont importants. Par souci de clart\u00e9, il est recommand\u00e9 de classer chaque propri\u00e9t\u00e9 dans une ligne suppl\u00e9mentaire. Pour les projets de grande envergure, le <a href=\"https:\/\/webhosting.de\/fr\/5-gruende-eine-website-zu-erstellen\/\">site web<\/a> alors les commentaires internes non visibles ont un sens.<\/p>\n<h3><a href=\"https:\/\/webhosting.de\/wp-content\/uploads\/2017\/03\/browser-36.png\"><img decoding=\"async\" class=\"wp-image-2476 alignright\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2017\/03\/browser-36.png\" alt=\"css\" width=\"197\" height=\"197\" \/><\/a>Domaines d'application et particularit\u00e9s<\/h3>\n<p>Les feuilles de style en cascade sont relativement faciles \u00e0 int\u00e9grer dans les projets HTML et PHP. Le HTML (Hyper Text Markup Language) a d'abord \u00e9t\u00e9 le domaine d'application le plus r\u00e9pandu. Des feuilles de style simples peuvent \u00eatre ins\u00e9r\u00e9es ici aussi dans un fichier HTML avec les commandes de style. Les feuilles de style en cascade, c'est-\u00e0-dire plusieurs \u00e9l\u00e9ments de conception, sont d\u00e9finies dans un fichier s\u00e9par\u00e9 et sont appel\u00e9es soit dans une zone sp\u00e9cifique d'un fichier HTML, soit, plus favorablement, dans l'en-t\u00eate en tant que fichier externe. En PHP (Hypertext Preprocessor - en fait Personal Home Page Tools), les CSS ne sont pas seulement inclus sous forme de fichier *.css, mais sont li\u00e9s \u00e0 des commandes PHP. Une combinaison de PHP et de HTML est \u00e9galement possible en principe. La variante la plus moderne consiste \u00e0 travailler avec des bases de donn\u00e9es, dans lesquelles, dans le cas <a href=\"https:\/\/webhosting.de\/fr\/mysql\/\">MySQL<\/a> Par exemple, les propri\u00e9t\u00e9s du projet web peuvent \u00eatre cr\u00e9\u00e9es via PHP et CSS. De nombreux syst\u00e8mes de bases de donn\u00e9es utilisent des techniques similaires. Cependant, la plupart d'entre eux utilisent des langages de programmation suppl\u00e9mentaires qui utilisent \u00e9galement le CSS. Malheureusement, il faut tenir compte de certaines particularit\u00e9s concernant les syst\u00e8mes d'exploitation et les navigateurs. Tous les effets ne se ressemblent pas dans tous les navigateurs, certains ne sont m\u00eame pas interpr\u00e9t\u00e9s par tous. C'est pourquoi il faut souvent tenir compte de versions diff\u00e9rentes selon le navigateur et le syst\u00e8me d'exploitation dans la mani\u00e8re dont les valeurs sont attribu\u00e9es aux propri\u00e9t\u00e9s dans le CSS. \u00c0 cette fin, le syst\u00e8me d'exploitation et le navigateur utilis\u00e9s sont g\u00e9n\u00e9ralement interrog\u00e9s \u00e0 partir de l'en-t\u00eate du fichier HTML ou PHP ou du syst\u00e8me de base de donn\u00e9es et une version CSS correcte est attribu\u00e9e.<\/p>\n<h3>atouts et inconv\u00e9nients<\/h3>\n<p>Les CSS sont un ajout et une simplification bienvenus pour les projets HTML et PHP. Ils sont structur\u00e9s de mani\u00e8re logique et peuvent \u00eatre appris relativement rapidement. Une erreur dans un fichier CSS peut toutefois se manifester sur plusieurs pages \u00e0 la fois, mais peut aussi \u00eatre corrig\u00e9e rapidement. Les polices exotiques et les ensembles de langues \u00e9trang\u00e8res posent des probl\u00e8mes. Vous devez donc prendre des pr\u00e9cautions et sp\u00e9cifier une autre variante. Dans le cas d'une police sp\u00e9ciale, une valeur pour une police qui est normalement pr\u00e9sente partout pourrait \u00eatre attribu\u00e9e devant celle-ci. CSS pour utiliser la derni\u00e8re valeur nomm\u00e9e pour un bien. Si cette valeur ne peut pas \u00eatre affich\u00e9e, elle est ignor\u00e9e. Si vous avez attribu\u00e9 la police simple avant cette attribution, elle est consid\u00e9r\u00e9e comme la derni\u00e8re police interpr\u00e9table et votre page sera toujours affich\u00e9e de mani\u00e8re utilisable. Les ensembles de langues \u00e9trang\u00e8res et autres particularit\u00e9s doivent \u00eatre int\u00e9gr\u00e9s dans le projet web via HTML, PHP ou un autre langage de programmation ou, si n\u00e9cessaire, redirig\u00e9s vers une page en anglais.<\/p>","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/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":"4853","_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":[],"_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\/fr\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}