{"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-estilo-folha-popular-web-ferramenta-de-design","status":"publish","type":"post","link":"https:\/\/webhosting.de\/pt\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"

As CSS (Cascading Style Sheets) s\u00e3o uma ferramenta popular no design web. \u00c9 dif\u00edcil imaginar muitas aplica\u00e7\u00f5es web sem elas. Eles podem acelerar a cria\u00e7\u00e3o e edi\u00e7\u00e3o de p\u00e1ginas web. Um arquivo CSS \u00e9 praticamente escrito como uma esp\u00e9cie de arquivo de texto e cont\u00e9m instru\u00e7\u00f5es para o design. Assim, tamb\u00e9m \u00e9 poss\u00edvel para todas as subp\u00e1ginas de um p\u00e1gina inicial<\/a> para usar o mesmo design chamando este arquivo CSS no cabe\u00e7alho da respectiva p\u00e1gina. Se voc\u00ea alterar o design, voc\u00ea s\u00f3 precisa alterar o arquivo CSS e isso afetar\u00e1 todas as p\u00e1ginas do projeto web a ser editado.<\/p>\n

Op\u00e7\u00f5es de formata\u00e7\u00e3o<\/h3>\n

Com a linguagem especial de programa\u00e7\u00e3o CSS quase todas as tarefas de formata\u00e7\u00e3o de um website podem ser feitas, pelo menos as referentes ao design. Com CSS voc\u00ea pode at\u00e9 mesmo criar quadros de diferentes tonalidades e gr\u00e1ficos simples. As fontes e tamanhos das fontes s\u00e3o definidos uma vez no arquivo CSS e, portanto, est\u00e3o automaticamente dispon\u00edveis em todo o cat\u00e1logo ou na apresenta\u00e7\u00e3o da empresa. H\u00e1 muitas varia\u00e7\u00f5es poss\u00edveis, porque certas \u00e1reas como cabe\u00e7alhos, conte\u00fado de tabelas, legendas ou notas de rodap\u00e9 podem ser todas definidas separadamente. Fundos de cores diferentes com ou sem padr\u00f5es podem ser declarados via CSS. Diferentes pontos, v\u00e1rios elementos din\u00e2micos e muito mais podem ser realizados com o CSS. Imagens, v\u00eddeos e sequ\u00eancias de \u00e1udio tamb\u00e9m podem ser integrados desta forma, se n\u00e3o quiser faz\u00ea-lo de qualquer outra forma.<\/p>\n

Sintaxe<\/h3>\n

De acordo com as diretrizes do W3C, as propriedades a serem exibidas est\u00e3o sujeitas a certos conjuntos de regras. Existem selectores que atribuem um determinado valor \u00e0 respectiva propriedade entre par\u00eanteses rectos. Por exemplo, no caso da cor de um t\u00edtulo de segunda ordem, este pode parecer-se com o seguinte: h2 { cor: verde; } Em vez de \"verde\" tamb\u00e9m poderia haver um n\u00famero de cor. Aqui, \"h2\" seria o selector, \"cor\" a propriedade e \"verde\" o valor atribu\u00eddo. \u00c9 claro que v\u00e1rias propriedades podem ser atribu\u00eddas ao mesmo tempo. Importantes s\u00e3o os espa\u00e7os ap\u00f3s a abertura e antes do par\u00eantese de fechamento e os ponto-e-v\u00edrgula no final de cada tarefa. Por uma quest\u00e3o de clareza, \u00e9 recomendado organizar cada propriedade em uma linha extra. Para projetos extensos, o website<\/a> ent\u00e3o coment\u00e1rios internos n\u00e3o vis\u00edveis fazem sentido.<\/p>\n

\"css\"<\/a>Campos de aplica\u00e7\u00e3o e caracter\u00edsticas especiais<\/h3>\n

As folhas de estilo em cascata s\u00e3o relativamente f\u00e1ceis de integrar em projetos HTML e PHP. O HTML (Hyper Text Markup Language) foi inicialmente a \u00e1rea de aplica\u00e7\u00e3o mais difundida. As folhas de estilo \u00fanicas podem ser inseridas aqui tamb\u00e9m dentro de um arquivo HTML com os comandos de estilo. As folhas de estilo em cascata, ou seja, v\u00e1rios elementos de design, s\u00e3o definidas num ficheiro separado e ou chamadas numa \u00e1rea espec\u00edfica de um ficheiro HTML ou, mais favoravelmente, no cabe\u00e7alho como um ficheiro externo. Em PHP (Hypertext Preprocessor - na verdade Personal Home Page Tools) os CSS n\u00e3o est\u00e3o inclu\u00eddos apenas como arquivo *.css, mas ligados com comandos PHP. Uma combina\u00e7\u00e3o de PHP e HTML tamb\u00e9m \u00e9 poss\u00edvel, em princ\u00edpio. A variante mais moderna \u00e9 trabalhar com bases de dados, nas quais, no caso de MySQL<\/a> por exemplo, as propriedades do projeto web podem ser criadas via PHP e CSS. Numerosos sistemas de bases de dados utilizam t\u00e9cnicas semelhantes. No entanto, a maioria deles utiliza linguagens de programa\u00e7\u00e3o adicionais que tamb\u00e9m utilizam CSS. Infelizmente existem algumas caracter\u00edsticas especiais relativas a sistemas operativos e navegadores a considerar. Nem todos os efeitos parecem iguais em todos os navegadores, alguns nem sequer s\u00e3o interpretados por todos. Por isso, muitas vezes \u00e9 necess\u00e1rio considerar diferentes vers\u00f5es, dependendo do navegador e do sistema operacional, na forma como os valores s\u00e3o atribu\u00eddos \u00e0s propriedades no CSS. Para este fim, o sistema operacional e o navegador utilizados s\u00e3o normalmente consultados no cabe\u00e7alho do arquivo HTML ou PHP ou no sistema de banco de dados e uma vers\u00e3o CSS correta \u00e9 atribu\u00edda.<\/p>\n

bens e inconvenientes<\/h3>\n

CSS s\u00e3o uma adi\u00e7\u00e3o bem-vinda e uma simplifica\u00e7\u00e3o aos projetos HTML e PHP. Eles s\u00e3o estruturados logicamente e podem ser aprendidos relativamente r\u00e1pido. Um erro em um arquivo CSS, no entanto, aparecer\u00e1 em v\u00e1rias p\u00e1ginas ao mesmo tempo, mas tamb\u00e9m pode ser corrigido rapidamente. H\u00e1 problemas com fontes ex\u00f3ticas e conjuntos de l\u00ednguas estrangeiras. Portanto, o usu\u00e1rio deve tomar precau\u00e7\u00f5es e especificar uma variante alternativa. No caso de uma fonte especial, um valor para uma fonte que normalmente est\u00e1 presente em todos os lugares poderia ser atribu\u00eddo em frente a ela. CSS para usar o \u00faltimo valor nomeado para um im\u00f3vel. Se este valor n\u00e3o puder ser exibido, ele \u00e9 ignorado. Se voc\u00ea atribuiu a fonte simples antes desta tarefa, ela \u00e9 considerada a \u00faltima fonte interpret\u00e1vel e sua p\u00e1gina ainda ser\u00e1 exibida de uma forma utiliz\u00e1vel. Conjuntos de linguagens estrangeiras e outras caracter\u00edsticas especiais devem ser integradas no projeto web via HTML, PHP ou outra linguagem de programa\u00e7\u00e3o ou, se necess\u00e1rio, redirecionadas para uma p\u00e1gina em ingl\u00eas.<\/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,"_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":"4830","_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\/pt\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}