{"id":574,"date":"2021-04-15T13:27:48","date_gmt":"2021-04-15T13:27:48","guid":{"rendered":"https:\/\/dr-heshmati.ir\/?p=574"},"modified":"2024-05-27T08:55:12","modified_gmt":"2024-05-27T08:55:12","slug":"css-tutorials-css-mdn","status":"publish","type":"post","link":"https:\/\/dr-heshmati.ir\/index.php\/2021\/04\/15\/css-tutorials-css-mdn\/","title":{"rendered":"CSS Tutorials CSS MDN"},"content":{"rendered":"

Usando https:\/\/www.votatuprofesor.com\/blog\/1463-que-tecnologias-afectaran-el-futuro-del-desarrollo-web-aprende-todo-sobre-esta-profesion-en-un-curso-online<\/a> se pueden controlar con precisi\u00f3n c\u00f3mo se ven los elementos HTML en el navegador, que presentar\u00e1 para las etiquetas de marcado el dise\u00f1o que cada uno desee. La ventaja de los frameworks basados en componentes es que te dan mucho trabajo de estilos ya prefabricados, con temas de dise\u00f1o muy definidos. Sin embargo, los frameworks basados en componentes en ocasiones tambi\u00e9n representan algunas desventajas, como mayor rigidez a la hora de desarrollar y dificultad para conseguir que el dise\u00f1o de varios proyectos que usan el mismo framework se distingan unos de otros. Hoy podemos decir que CSS cubre las necesidades de los dise\u00f1adores, m\u00e1s a\u00fan despu\u00e9s de la aparici\u00f3n de CSS Flexbox, que permite agregar una facilidad enorme a la hora de colocar los elementos en la p\u00e1gina. A partir de este punto el mundo de los est\u00e1ndares abiertos para la web tuvo un par\u00f3n generalizado. CSS 2 tuvo una revisi\u00f3n publicada como CSS 2.1 en la que a\u00f1adieron algunos selectores nuevos, pero pasaron a\u00f1os antes de la presentaci\u00f3n de una nueva versi\u00f3n.<\/p>\n

Evoluci\u00f3n del lenguaje CSS<\/h2>\n

Los navegadores nuevos interpretar\u00e1n la l\u00ednea del ancho en p\u00edxeles, pero la anular\u00e1n al llegar a la l\u00ednea de calc() porque aparece despu\u00e9s en la cascada. En el siguiente ejemplo hemos utilizado la ortograf\u00eda brit\u00e1nica para la propiedad color, que invalida la propiedad porque no la reconoce. Sin embargo, se han aplicado todos los dem\u00e1s estilos del CSS; solo se ha ignorado la l\u00ednea que no es v\u00e1lida. En nuestro art\u00edculo Depurar el CSS que encontrar\u00e1s en el siguiente m\u00f3dulo, vamos a utilizar las herramientas DevTools del navegador para depurar posibles problemas en el CSS. Tambi\u00e9n aprenderemos m\u00e1s sobre c\u00f3mo el navegador interpreta el CSS. Cada elemento, atributo o bloque en el lenguaje de marcado se convierte en un nodo DOM con estructura de \u00e1rbol.<\/p>\n

\"CSS\"\/<\/p>\n

Turorial CSS Nivel Principiante<\/h2>\n

Antes de comenzar con este tema, deberemos tener conocimientos b\u00e1sicos sobre el uso de ordenadores y sobre el uso pasivo de la Web (navegar y consumir contenido). Es recomendable tener configurado un entorno de desarrollo como el detallado en Instalaci\u00f3n de software b\u00e1sico, y saber crear y gestionar archivos como se detalla en Manejando archivos \u2014 ambos forman parte del m\u00f3dulo Primeros pasos en la Web para principiantes. Ahora que ya sabes qu\u00e9 es el curso de desarrollo web<\/a> y conoces sus conceptos b\u00e1sicos, es hora de profundizar un poco m\u00e1s en la estructura del lenguaje en s\u00ed. Ya hemos visto muchos de los conceptos que aparecen en este art\u00edculo; puedes volver para recapitular si m\u00e1s adelante encuentras conceptos confusos. El navegador analizar\u00e1 el c\u00f3digo HTML y crear\u00e1 un DOM a partir de este.<\/p>\n