{"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-esquema-de-hojas-de-estilo-una-herramienta-de-diseno-de-web-popular","status":"publish","type":"post","link":"https:\/\/webhosting.de\/es\/css-cascading-style-sheets-ein-beliebtes-webdesigninstrument\/","title":{"rendered":"CSS (Hojas de Estilo en Cascada)"},"content":{"rendered":"<p>Las hojas de estilo en cascada (CSS) son una herramienta muy popular en el dise\u00f1o web. Es dif\u00edcil imaginar muchas aplicaciones web sin ellas. Pueden acelerar la creaci\u00f3n y edici\u00f3n de p\u00e1ginas web. Un archivo CSS se escribe pr\u00e1cticamente como una especie de archivo de texto y contiene instrucciones para el dise\u00f1o. As\u00ed, tambi\u00e9n es posible que todas las subp\u00e1ginas de un <a href=\"https:\/\/webhosting.de\/es\/die-moeglichkeiten-zur-erstellung-einer-homepage\/\">p\u00e1gina web<\/a> para utilizar el mismo dise\u00f1o llamando a este archivo CSS en la cabecera de la p\u00e1gina respectiva. Si cambias el dise\u00f1o, s\u00f3lo tienes que cambiar el archivo CSS y afectar\u00e1 a todas las p\u00e1ginas del proyecto web a editar.<\/p>\n<h3>Opciones de formato<\/h3>\n<p>Con el lenguaje de programaci\u00f3n especial CSS se pueden hacer casi todas las tareas de formateo de un sitio web, al menos las relativas al dise\u00f1o. Con el CSS puedes incluso crear marcos de diferentes tonos y gr\u00e1ficos sencillos. Las fuentes y los tama\u00f1os de las fuentes se definen una vez en el archivo CSS y, por lo tanto, est\u00e1n disponibles autom\u00e1ticamente en todo el cat\u00e1logo o la presentaci\u00f3n de la empresa. Hay muchas variaciones posibles, porque ciertas \u00e1reas como los encabezamientos, el contenido de los cuadros, los pies de foto o las notas de pie de p\u00e1gina pueden definirse por separado. Se pueden declarar diferentes fondos de color con o sin patrones a trav\u00e9s del CSS. Diferentes puntos de bala, varios elementos din\u00e1micos y mucho m\u00e1s se puede realizar con CSS. Las im\u00e1genes, los v\u00eddeos y las secuencias de audio tambi\u00e9n pueden ser integrados de esta manera, si no quieres hacerlo de otra manera.<\/p>\n<h3>Sintaxis<\/h3>\n<p>De acuerdo con las directrices del W3C, las propiedades a mostrar est\u00e1n sujetas a ciertos conjuntos de reglas. Hay selectores que asignan un cierto valor a la propiedad respectiva entre par\u00e9ntesis. Por ejemplo, en el caso del color de un encabezamiento de segundo orden, esto puede verse as\u00ed: h2 { color: verde; } En lugar de \"verde\" tambi\u00e9n podr\u00eda haber un n\u00famero de color. Aqu\u00ed, \"h2\" ser\u00eda el selector, \"color\" la propiedad y \"verde\" el valor asignado. Por supuesto, se pueden asignar varias propiedades a la vez. Son importantes los espacios despu\u00e9s de la apertura y antes del par\u00e9ntesis de cierre y los punto y coma al final de cada tarea. En aras de la claridad, se recomienda disponer cada propiedad en una l\u00ednea adicional. Para proyectos extensos, el <a href=\"https:\/\/webhosting.de\/es\/5-gruende-eine-website-zu-erstellen\/\">sitio web<\/a> entonces los comentarios internos no visibles tienen sentido.<\/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>Campos de aplicaci\u00f3n y caracter\u00edsticas especiales<\/h3>\n<p>Las hojas de estilo en cascada son relativamente f\u00e1ciles de integrar en proyectos HTML y PHP. El HTML (Hyper Text Markup Language) fue inicialmente el \u00e1mbito de aplicaci\u00f3n m\u00e1s extendido. Aqu\u00ed se pueden insertar hojas de estilo individuales tambi\u00e9n dentro de un archivo HTML con los comandos de estilo. Las hojas de estilo en cascada, es decir, varios elementos de dise\u00f1o, se definen en un archivo separado y se invocan en una zona espec\u00edfica de un archivo HTML o, m\u00e1s favorablemente, en la cabecera como archivo externo. En PHP (Hypertext Preprocessor - en realidad Personal Home Page Tools) los CSS no s\u00f3lo se incluyen como archivo *.css, sino que se vinculan con los comandos de PHP. En principio, tambi\u00e9n es posible una combinaci\u00f3n de PHP y HTML. La variante m\u00e1s moderna es trabajar con bases de datos, en las que en el caso de <a href=\"https:\/\/webhosting.de\/es\/mysql\/\">MySQL<\/a> por ejemplo, las propiedades del proyecto web pueden ser creadas a trav\u00e9s de PHP y CSS. Numerosos sistemas de bases de datos utilizan t\u00e9cnicas similares. Sin embargo, la mayor\u00eda de ellos usan lenguajes de programaci\u00f3n adicionales que tambi\u00e9n usan CSS. Desafortunadamente hay algunas caracter\u00edsticas especiales en cuanto a sistemas operativos y navegadores que hay que considerar. No todos los efectos se ven igual en todos los navegadores, algunos incluso no son interpretados por todos. Por lo tanto, a menudo hay que considerar diferentes versiones dependiendo del navegador y del sistema operativo en la forma en que se asignan los valores a las propiedades en el CSS. Para ello, el sistema operativo y el navegador utilizados suelen consultarse desde el encabezamiento del archivo HTML o PHP o desde el sistema de base de datos y se asigna una versi\u00f3n correcta de CSS.<\/p>\n<h3>ventajas e inconvenientes<\/h3>\n<p>Las CSS son una adici\u00f3n y simplificaci\u00f3n bienvenida a los proyectos HTML y PHP. Est\u00e1n estructurados de manera l\u00f3gica y pueden aprenderse con relativa rapidez. Un error en un archivo CSS, sin embargo, se mostrar\u00e1 en varias p\u00e1ginas a la vez, pero tambi\u00e9n se puede arreglar r\u00e1pidamente. Hay problemas con las fuentes ex\u00f3ticas y los conjuntos de lenguas extranjeras. Por lo tanto, debe tomar precauciones y especificar una variante alternativa. En el caso de una fuente especial, se podr\u00eda asignar delante de ella un valor para una fuente que normalmente est\u00e1 presente en todas partes. CSS para usar el \u00faltimo valor nominal de una propiedad. Si no se puede mostrar este valor, se ignora. Si ha asignado la fuente simple antes de esta asignaci\u00f3n, se considera la \u00faltima fuente interpretable y su p\u00e1gina seguir\u00e1 mostr\u00e1ndose de forma utilizable. Los conjuntos de idiomas extranjeros y otras caracter\u00edsticas especiales deben integrarse en el proyecto web a trav\u00e9s de HTML, PHP u otro lenguaje de programaci\u00f3n o, si es necesario, redirigirse a una p\u00e1gina en ingl\u00e9s.<\/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":"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\/es\/wp-json\/wp\/v2\/posts\/4253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/comments?post=4253"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/posts\/4253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/media?parent=4253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/categories?post=4253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/es\/wp-json\/wp\/v2\/tags?post=4253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}