{"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\/da\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"<p>CSS (Cascading Style Sheets) er et popul\u00e6rt v\u00e6rkt\u00f8j inden for webdesign. Det er sv\u00e6rt at forestille sig mange webapplikationer uden dem. De kan fremskynde oprettelsen og redigeringen af websider. En CSS-fil er praktisk talt skrevet som en slags tekstfil og indeholder instruktioner til designet. Det er s\u00e5ledes muligt ogs\u00e5 at bruge CSS til alle undersider p\u00e5 en <a href=\"https:\/\/webhosting.de\/da\/die-moeglichkeiten-zur-erstellung-einer-homepage\/\">Hjemmeside<\/a> bruge det samme design ved at kalde denne CSS-fil frem i overskriften p\u00e5 den p\u00e5g\u00e6ldende side. N\u00e5r du \u00e6ndrer designet, skal du kun \u00e6ndre CSS-filen, og dette vil p\u00e5virke alle sider i det webprojekt, der skal redigeres.<\/p>\n<h3>Formateringsmuligheder<\/h3>\n<p>Med det s\u00e6rlige programmeringssprog CSS kan n\u00e6sten alle formateringsopgaver p\u00e5 en internetside udf\u00f8res, i hvert fald dem, der vedr\u00f8rer designet. CSS kan endda bruges til at skabe rammer i forskellige nuancer og enkel grafik. Skrifttyper og skriftst\u00f8rrelser defineres \u00e9n gang i CSS-filen og er dermed automatisk tilg\u00e6ngelige i hele kataloget eller virksomhedspr\u00e6sentationen. Der er mange variationsmuligheder, fordi visse omr\u00e5der, f.eks. overskrifter, tabelindhold, billedtekster eller fodnoter, kan defineres separat. Forskellige farvede baggrunde med eller uden m\u00f8nstre kan angives via CSS. Forskellige bullets, forskellige dynamiske elementer og meget mere kan realiseres med CSS. Billeder, videoer og lydsekvenser kan ogs\u00e5 integreres p\u00e5 denne m\u00e5de, hvis du ikke \u00f8nsker at g\u00f8re det p\u00e5 en anden m\u00e5de.<\/p>\n<h3>Syntaks<\/h3>\n<p>I henhold til W3C-retningslinjerne er de egenskaber, der skal vises, underlagt visse regels\u00e6t. I disse er der selektorer, der tildeler en bestemt v\u00e6rdi til den respektive egenskab i parenteser. For eksempel kan farven p\u00e5 en overskrift af anden orden se s\u00e5ledes ud: h2 { colour: green; } I stedet for \"gr\u00f8n\" kunne der ogs\u00e5 v\u00e6re et farvenummer her. \"h2\" er selektoren, \"colour\" er egenskaben og \"green\" er den tildelte v\u00e6rdi. Der kan naturligvis tildeles flere egenskaber p\u00e5 \u00e9n gang. Det er vigtigt med mellemrummene efter de indledende og f\u00f8r de afsluttende parenteser og semikolonerne i slutningen af hver opgave. Af hensyn til overskueligheden er det tilr\u00e5deligt at anbringe hver ejendom i en ekstra linje. I tilf\u00e6lde af omfattende projekter er det ogs\u00e5 tilr\u00e5deligt at bruge <a href=\"https:\/\/webhosting.de\/da\/5-gruende-eine-website-zu-erstellen\/\">Websted<\/a> s\u00e5 giver ikke synlige interne kommentarer mening.<\/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>Anvendelsesomr\u00e5der og s\u00e6rlige kendetegn<\/h3>\n<p>Cascading style sheets er relativt nemme at integrere i HTML- og PHP-projekter. HTML (Hyper Text Markup Language) var oprindeligt det mest udbredte anvendelsesomr\u00e5de. Her kan individuelle stilark ogs\u00e5 inds\u00e6ttes i en HTML-fil med stilkommandoerne. Cascading style sheets, dvs. flere designelementer, defineres i en separat fil og kaldes enten i et bestemt omr\u00e5de i en HTML-fil eller, hvilket er mere fordelagtigt, i overskriften som en ekstern fil. I PHP (Hypertext Preprocessor - faktisk Personal Home Page Tools) er CSS ikke kun integreret som *.css-filer, men ogs\u00e5 forbundet med PHP-kommandoer. En kombination af PHP og HTML er i princippet ogs\u00e5 mulig. Den mere moderne variant er at arbejde med databaser, hvor man i tilf\u00e6lde af <a href=\"https:\/\/webhosting.de\/da\/mysql\/\">MySQL<\/a> f.eks. genereres webprojektets egenskaber via PHP og CSS. Mange databasesystemer anvender lignende teknikker. Derudover anvendes der dog normalt ogs\u00e5 andre programmeringssprog, som ogs\u00e5 anvender CSS. Desv\u00e6rre er der nogle s\u00e6rlige forhold vedr\u00f8rende operativsystemer og browsere, som man skal tage hensyn til. Ikke alle effekter ser ens ud i alle browsere, og nogle af dem kan ikke fortolkes af alle. Derfor skal der ofte tages hensyn til forskellige versioner afh\u00e6ngigt af browseren og styresystemet i den m\u00e5de, hvorp\u00e5 v\u00e6rdierne tildeles egenskaberne i CSS'en. Til dette form\u00e5l sp\u00f8rges der normalt efter det anvendte operativsystem og den browser, der kaldes, fra henholdsvis HTML- eller PHP-filens header eller fra databasesystemet, og der tildeles en korrekt CSS-version.<\/p>\n<h3>fordele og ulemper<\/h3>\n<p>CSS er en velkommen tilf\u00f8jelse og forenkling af HTML- og PHP-projekter. De er logisk opbygget og kan l\u00e6res relativt hurtigt. En fejl i en CSS-fil kan derimod vise sig p\u00e5 flere sider, men kan hurtigt rettes. Der er problemer med eksotiske skrifttyper og fremmedsproglige s\u00e6t. Derfor b\u00f8r du tage dine forholdsregler og angive en alternativ variant. Hvis der er tale om en s\u00e6rlig skrifttype, kan en v\u00e6rdi for en skrifttype, der normalt er tilg\u00e6ngelig overalt, tildeles f\u00f8r den. CSS-anvendelse til at bruge den sidst n\u00e6vnte v\u00e6rdi for en egenskab. Men hvis dette ikke kan repr\u00e6senteres, ignoreres det. Hvis du har tildelt den almindelige skrifttype f\u00f8r denne opgave, vil den blive betragtet som den sidste fortolkelige skrifttype, og din side vil stadig kunne vises p\u00e5 en brugbar m\u00e5de. S\u00e6t p\u00e5 fremmedsprog og andre s\u00e6rlige funktioner skal integreres i webprojektet via HTML, PHP eller et andet programmeringssprog eller om n\u00f8dvendigt omdirigeres til en engelsk side.<\/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,"_crdt_document":"","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":"4824","_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\/da\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/da\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}