{"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\/sv\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"<p>CSS (Cascading Style Sheets) \u00e4r ett popul\u00e4rt verktyg inom webbdesign. Det \u00e4r sv\u00e5rt att f\u00f6rest\u00e4lla sig m\u00e5nga webbapplikationer utan dem. De kan p\u00e5skynda skapandet och redigeringen av webbsidor. En CSS-fil \u00e4r praktiskt taget skriven som en slags textfil och inneh\u00e5ller instruktioner f\u00f6r designen. Det \u00e4r allts\u00e5 m\u00f6jligt att \u00e4ven anv\u00e4nda CSS f\u00f6r alla undersidor i en <a href=\"https:\/\/webhosting.de\/sv\/die-moeglichkeiten-zur-erstellung-einer-homepage\/\">Hemsidan<\/a> anv\u00e4nda samma utformning genom att kalla upp denna CSS-fil i rubriken p\u00e5 respektive sida. N\u00e4r du \u00e4ndrar designen beh\u00f6ver du bara \u00e4ndra CSS-filen, vilket p\u00e5verkar alla sidor i det webbprojekt som ska redigeras.<\/p>\n<h3>Formateringsalternativ<\/h3>\n<p>Med det s\u00e4rskilda programmeringsspr\u00e5ket CSS kan n\u00e4stan alla formateringsuppgifter f\u00f6r en webbsida utf\u00f6ras, \u00e5tminstone de som r\u00f6r designen. CSS kan \u00e4ven anv\u00e4ndas f\u00f6r att skapa ramar i olika nyanser och enkel grafik. Typsnitt och teckensnittsstorlekar definieras en g\u00e5ng i CSS-filen och \u00e4r d\u00e4rmed automatiskt tillg\u00e4ngliga i hela katalogen eller f\u00f6retagspresentationen. Det finns m\u00e5nga variationsm\u00f6jligheter eftersom vissa omr\u00e5den, t.ex. rubriker, tabellinneh\u00e5ll, bildtexter och fotnoter, kan definieras separat. Olika f\u00e4rgade bakgrunder med eller utan m\u00f6nster kan anges via CSS. Med CSS kan du skapa olika bullets, olika dynamiska element och mycket mer. Bilder, videor och ljudsekvenser kan ocks\u00e5 integreras p\u00e5 detta s\u00e4tt om du inte vill g\u00f6ra det p\u00e5 n\u00e5got annat s\u00e4tt.<\/p>\n<h3>Syntax<\/h3>\n<p>Enligt W3C-riktlinjerna ska de egenskaper som ska visas omfattas av vissa regler. I dessa finns det selektorer som tilldelar ett visst v\u00e4rde till respektive egenskap inom parenteser. N\u00e4r det g\u00e4ller f\u00e4rgen p\u00e5 en rubrik av andra ordningen kan det till exempel se ut s\u00e5 h\u00e4r: h2 { colour: green; } I st\u00e4llet f\u00f6r \"gr\u00f6n\" kan det ocks\u00e5 finnas ett f\u00e4rgnummer h\u00e4r. \"h2\" skulle vara selektorn, \"colour\" egenskapen och \"green\" det tilldelade v\u00e4rdet. Naturligtvis kan flera egenskaper tilldelas samtidigt. Det \u00e4r viktigt med mellanslag efter den inledande och f\u00f6re den avslutande parentesen och semikolonerna i slutet av varje uppgift. F\u00f6r tydlighetens skull \u00e4r det l\u00e4mpligt att ordna varje egendom p\u00e5 en extra rad. Vid omfattande projekt \u00e4r det ocks\u00e5 l\u00e4mpligt att anv\u00e4nda <a href=\"https:\/\/webhosting.de\/sv\/5-gruende-eine-website-zu-erstellen\/\">Webbplats<\/a> d\u00e5 \u00e4r det vettigt att inte synliga interna kommentarer inte \u00e4r synliga.<\/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>Till\u00e4mpningsomr\u00e5den och s\u00e4rskilda egenskaper<\/h3>\n<p>Det \u00e4r relativt enkelt att integrera kaskadformade formatmallar i HTML- och PHP-projekt. HTML (Hyper Text Markup Language) var ursprungligen det mest utbredda till\u00e4mpningsomr\u00e5det. H\u00e4r kan enskilda formatmallar ocks\u00e5 infogas i en HTML-fil med stilkommandona. Kaskaderande formatmallar, dvs. flera designelement, definieras i en separat fil och anropas antingen i ett s\u00e4rskilt omr\u00e5de i en HTML-fil eller, vilket \u00e4r mer f\u00f6rdelaktigt, i huvudet som en extern fil. I PHP (Hypertext Preprocessor - egentligen Personal Home Page Tools) \u00e4r CSS inte bara integrerade som *.css-filer, utan \u00e4ven kopplade till PHP-kommandon. En kombination av PHP och HTML \u00e4r i princip ocks\u00e5 m\u00f6jlig. Den modernare varianten \u00e4r att arbeta med databaser d\u00e4r man, n\u00e4r det g\u00e4ller <a href=\"https:\/\/webhosting.de\/sv\/mysql\/\">MySQL<\/a> Till exempel genereras webbprojektets egenskaper med hj\u00e4lp av PHP och CSS. M\u00e5nga databassystem anv\u00e4nder liknande tekniker. Dessutom anv\u00e4nds vanligtvis andra programmeringsspr\u00e5k som ocks\u00e5 anv\u00e4nder CSS. Tyv\u00e4rr finns det en del s\u00e4rdrag n\u00e4r det g\u00e4ller operativsystem och webbl\u00e4sare som man m\u00e5ste ta h\u00e4nsyn till. Alla effekter ser inte likadana ut i alla webbl\u00e4sare och vissa tolkas inte ens av alla. D\u00e4rf\u00f6r m\u00e5ste man ofta ta h\u00e4nsyn till olika versioner beroende p\u00e5 webbl\u00e4sare och operativsystem i det s\u00e4tt p\u00e5 vilket v\u00e4rdena tilldelas egenskaperna i CSS. F\u00f6r detta \u00e4ndam\u00e5l fr\u00e5gas det anv\u00e4nda operativsystemet och den webbl\u00e4sare som anv\u00e4nds vanligtvis ut fr\u00e5n HTML- eller PHP-filens rubrik respektive fr\u00e5n databassystemet, och en korrekt CSS-version tilldelas.<\/p>\n<h3>f\u00f6rdelar och nackdelar<\/h3>\n<p>CSS \u00e4r ett v\u00e4lkommet komplement och en f\u00f6renkling av HTML- och PHP-projekt. De \u00e4r logiskt uppbyggda och g\u00e5r att l\u00e4ra sig relativt snabbt. Ett fel i en CSS-fil kan d\u00e4remot visa sig p\u00e5 flera sidor, men kan snabbt \u00e5tg\u00e4rdas. Det finns problem med exotiska teckensnitt och fr\u00e4mmande spr\u00e5k. D\u00e4rf\u00f6r b\u00f6r du vidta f\u00f6rsiktighets\u00e5tg\u00e4rder och ange en alternativ variant. N\u00e4r det g\u00e4ller ett s\u00e4rskilt typsnitt kan ett v\u00e4rde f\u00f6r ett typsnitt som normalt \u00e4r tillg\u00e4ngligt \u00f6verallt tilldelas f\u00f6re det. CSS-anv\u00e4ndning f\u00f6r att anv\u00e4nda det senast namngivna v\u00e4rdet f\u00f6r en egenskap. Om detta inte kan representeras ignoreras det dock. Om du har tilldelat det vanliga teckensnittet f\u00f6re denna uppgift kommer det att betraktas som sista tolkningsbart och din sida kommer fortfarande att visas p\u00e5 ett anv\u00e4ndbart s\u00e4tt. Fr\u00e4mlingsspr\u00e5ksupps\u00e4ttningar och andra specialfunktioner m\u00e5ste integreras i webbprojektet via HTML, PHP eller ett annat programmeringsspr\u00e5k eller vid behov omdirigeras till en engelsk sida.<\/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\/sv\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/sv\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}