{"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\/pl\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"<p>CSS (Cascading Style Sheets) s\u0105 popularnym narz\u0119dziem w projektowaniu stron internetowych. Trudno sobie wyobrazi\u0107 wiele aplikacji internetowych bez nich. Mog\u0105 one przyspieszy\u0107 tworzenie i edycj\u0119 stron internetowych. Plik CSS jest praktycznie zapisany jako rodzaj pliku tekstowego i zawiera instrukcje dla projektu. Mo\u017cliwe jest wi\u0119c r\u00f3wnie\u017c, aby wszystkie podstrony <a href=\"https:\/\/webhosting.de\/pl\/die-moeglichkeiten-zur-erstellung-einer-homepage\/\">Strona g\u0142\u00f3wna<\/a> aby u\u017cy\u0107 tego samego wzoru poprzez wywo\u0142anie tego pliku CSS w nag\u0142\u00f3wku danej strony. Je\u015bli zmienisz projekt, wystarczy, \u017ce zmienisz plik CSS i b\u0119dzie to mia\u0142o wp\u0142yw na wszystkie strony edytowanego projektu.<\/p>\n<h3>Opcje formatowania<\/h3>\n<p>Dzi\u0119ki specjalnemu j\u0119zykowi programowania CSS mo\u017cna wykona\u0107 prawie wszystkie zadania zwi\u0105zane z formatowaniem strony internetowej, przynajmniej te dotycz\u0105ce projektowania. CSS mo\u017ce by\u0107 nawet u\u017cywany do tworzenia ramek o r\u00f3\u017cnych odcieniach i prostych grafik. Czcionki i rozmiary czcionek s\u0105 definiowane raz w pliku CSS i dzi\u0119ki temu s\u0105 automatycznie dost\u0119pne w ca\u0142ym katalogu lub prezentacji firmy. Istnieje wiele mo\u017cliwo\u015bci zr\u00f3\u017cnicowania, poniewa\u017c niekt\u00f3re obszary, takie jak nag\u0142\u00f3wki, zawarto\u015b\u0107 tabel, podpisy lub przypisy mog\u0105 by\u0107 zdefiniowane oddzielnie. R\u00f3\u017cnokolorowe t\u0142a z lub bez wzor\u00f3w mog\u0105 by\u0107 zadeklarowane za pomoc\u0105 CSS. R\u00f3\u017cne pociski, r\u00f3\u017cne elementy dynamiczne i wiele innych mo\u017cna zrealizowa\u0107 za pomoc\u0105 CSS. Obrazy, filmy i sekwencje audio mog\u0105 by\u0107 r\u00f3wnie\u017c zintegrowane w ten spos\u00f3b, je\u015bli nie chcesz robi\u0107 tego w inny spos\u00f3b.<\/p>\n<h3>Sk\u0142adnia<\/h3>\n<p>Zgodnie z wytycznymi W3C, w\u0142a\u015bciwo\u015bci, kt\u00f3re maj\u0105 by\u0107 wy\u015bwietlane, podlegaj\u0105 okre\u015blonym zestawom regu\u0142. W nawiasach klamrowych znajduj\u0105 si\u0119 selektory, kt\u00f3re przypisuj\u0105 okre\u015blon\u0105 warto\u015b\u0107 do danej w\u0142a\u015bciwo\u015bci. Na przyk\u0142ad, w przypadku koloru nag\u0142\u00f3wka drugiego rz\u0119du, mo\u017ce on wygl\u0105da\u0107 tak: h2 { kolor: zielony; } Zamiast \"zielonego\" mo\u017ce by\u0107 te\u017c numer koloru. Tutaj \"h2\" b\u0119dzie selektorem, \"kolor\" w\u0142a\u015bciwo\u015bci i \"zielony\" przypisanej warto\u015bci. Oczywi\u015bcie mo\u017cna przypisa\u0107 kilka w\u0142a\u015bciwo\u015bci na raz. Wa\u017cne s\u0105 miejsca po otwarciu i przed nawiasem zamykaj\u0105cym oraz \u015bredniki na ko\u0144cu ka\u017cdego zadania. W celu zapewnienia przejrzysto\u015bci, zaleca si\u0119 u\u0142o\u017cenie ka\u017cdej nieruchomo\u015bci w dodatkowej linii. W przypadku du\u017cych projekt\u00f3w <a href=\"https:\/\/webhosting.de\/pl\/5-gruende-eine-website-zu-erstellen\/\">strona internetowa<\/a> to niewidoczne wewn\u0119trzne komentarze maj\u0105 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>Obszary zastosowa\u0144 i cechy szczeg\u00f3lne<\/h3>\n<p>Kaskadowe arkusze styl\u00f3w s\u0105 stosunkowo \u0142atwe do zintegrowania z projektami HTML i PHP. HTML (Hyper Text Markup Language) by\u0142 pocz\u0105tkowo najbardziej rozpowszechnionym obszarem zastosowania. Pojedyncze arkusze styl\u00f3w mo\u017cna tutaj wstawia\u0107 r\u00f3wnie\u017c w obr\u0119bie pliku HTML za pomoc\u0105 polece\u0144 stylu. Kaskadowe arkusze styl\u00f3w, czyli kilka element\u00f3w projektowych, definiuje si\u0119 w osobnym pliku i wywo\u0142uje w okre\u015blonym miejscu pliku HTML lub, co jest bardziej korzystne, w nag\u0142\u00f3wku jako plik zewn\u0119trzny. W PHP (Hypertext Preprocessor - w\u0142a\u015bciwie Personal Home Page Tools) CSS s\u0105 nie tylko do\u0142\u0105czane jako plik *.css, ale tak\u017ce \u0142\u0105czone z poleceniami PHP. Zasadniczo mo\u017cliwe jest r\u00f3wnie\u017c po\u0142\u0105czenie PHP i HTML. Nowocze\u015bniejszym wariantem jest praca z bazami danych, w kt\u00f3rych w przypadku <a href=\"https:\/\/webhosting.de\/pl\/mysql\/\">MySQL<\/a> Na przyk\u0142ad, w\u0142a\u015bciwo\u015bci projektu internetowego mog\u0105 by\u0107 tworzone za pomoc\u0105 PHP i CSS. Liczne systemy baz danych wykorzystuj\u0105 podobne techniki. Jednak wi\u0119kszo\u015b\u0107 z nich u\u017cywa dodatkowych j\u0119zyk\u00f3w programowania, kt\u00f3re wykorzystuj\u0105 r\u00f3wnie\u017c CSS. Niestety istnieje kilka specjalnych funkcji dotycz\u0105cych system\u00f3w operacyjnych i przegl\u0105darek, kt\u00f3re nale\u017cy wzi\u0105\u0107 pod uwag\u0119. Nie wszystkie efekty wygl\u0105daj\u0105 tak samo w ka\u017cdej przegl\u0105darce, niekt\u00f3re nawet nie s\u0105 przez wszystkich interpretowane. Dlatego te\u017c cz\u0119sto trzeba bra\u0107 pod uwag\u0119 r\u00f3\u017cne wersje w zale\u017cno\u015bci od przegl\u0105darki i systemu operacyjnego, w jaki spos\u00f3b warto\u015bci s\u0105 przypisywane do w\u0142a\u015bciwo\u015bci w CSS. W tym celu system operacyjny i u\u017cywana przegl\u0105darka s\u0105 zazwyczaj wyszukiwane z nag\u0142\u00f3wka pliku HTML lub PHP albo z systemu bazodanowego i przydzielana jest w\u0142a\u015bciwa wersja CSS.<\/p>\n<h3>atuty i wady<\/h3>\n<p>CSS s\u0105 mile widzianym dodatkiem i uproszczeniem do projekt\u00f3w HTML i PHP. S\u0105 one logicznie skonstruowane i mo\u017cna si\u0119 ich nauczy\u0107 stosunkowo szybko. B\u0142\u0105d w pliku CSS pojawi si\u0119 jednak na kilku stronach jednocze\u015bnie, ale mo\u017cna go r\u00f3wnie\u017c szybko usun\u0105\u0107. Istniej\u0105 problemy z egzotycznymi czcionkami i zestawami j\u0119zyk\u00f3w obcych. Dlatego nale\u017cy podj\u0105\u0107 \u015brodki ostro\u017cno\u015bci i okre\u015bli\u0107 alternatywny wariant. W przypadku specjalnej czcionki, przed ni\u0105 mo\u017cna by przypisa\u0107 warto\u015b\u0107 dla czcionki, kt\u00f3ra jest normalnie obecna wsz\u0119dzie. CSS, aby u\u017cy\u0107 ostatniej nazwanej warto\u015bci dla danej w\u0142a\u015bciwo\u015bci. Je\u015bli ta warto\u015b\u0107 nie mo\u017ce by\u0107 wy\u015bwietlona, jest ona ignorowana. Je\u015bli przypisa\u0142e\u015b prost\u0105 czcionk\u0119 przed tym przypisaniem, jest ona uwa\u017cana za ostatni\u0105 mo\u017cliw\u0105 do zinterpretowania, a twoja strona nadal b\u0119dzie wy\u015bwietlana w u\u017cyteczny spos\u00f3b. Zestawy j\u0119zyk\u00f3w obcych i inne specjalne funkcje musz\u0105 by\u0107 zintegrowane z projektem internetowym za pomoc\u0105 HTML, PHP lub innego j\u0119zyka programowania lub, je\u015bli to konieczne, przekierowane na stron\u0119 angielsk\u0105.<\/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\/pl\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/pl\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}