¿Qué es el CSS? ¿Qué hace? ¿Y para qué se usa? (Explicación en video)

¿Alguna vez te has preguntado qué hace que las cosas se vean como lo hacen en la web? ¿O cómo cambiar el diseño de una página? ¡Aquí es donde entran las CSS (Hojas de Estilo en Cascada)! ¡A continuación, explicaremos qué es CSS, qué hace y para qué se usa!

Echemos un vistazo…

¿Qué es el CSS? ¿Qué hace? ¿Y para qué se usa?

– (nota: créditos de video de Topher DeRosia – creador de HeroPress)

Transcripción del video:

¡Hola! Soy Topher con WP ganador. En este video, vamos a responder a la pregunta, ¿Qué es el CSS, qué hace, y para qué se usa? Bueno, en primer lugar, CSS significa hojas de estilo en cascada. Y la hoja de estilo en cascada controla cómo se ve y a veces actúa el contenido de un sitio web. Déjeme mostrarle. A la izquierda aquí, tenemos un pequeño sitio web que he creado. Y a la derecha está el código de ese sitio web. Aquí en la parte inferior, tenemos el HTML. Pueden ver donde dice mi sitio web y bienvenidos a mi sitio web. Y luego hay un enlace. Y luego aquí arriba, en la parte superior, tenemos otras cosas que dicen estilo, tipo, texto, css. Y esta es la hoja de estilo en cascada para esta página. Aquí arriba, tenemos el cuerpo, y dice que la familia de fuentes para el cuerpo de mi sitio web va a ser primero la Helvética, y si no tenemos eso, entonces Arial, y si no tenemos eso, entonces cualquier fuente Sans-Serif. También dice que mi etiqueta H, que podéis ver abajo es mi página web, tiene un color de etiqueta F, que resulta ser rojo. También tengo un enlace aquí y esa es la etiqueta A, el ancla. Lo pueden ver aquí y dice decoración de texto ninguna porque normalmente las etiquetas de ancla tienen subrayados, pero en el aire, quiero la decoración de texto subrayada, y así que ahora, aquí estamos. Ahora, este texto es un poco pequeño, así que hagámoslo un poco más grande. Así que, debajo del cuerpo, voy a decir el tamaño de la fuente, vamos a decir píxeles, y luego recargar. Y ahí está. Todo es un poco más grande porque todo se basa en el tamaño del cuerpo de la fuente. Ahora la C en CSS significa cascada, lo que significa que podemos ser bastante específicos sobre las partes de nuestro sitio web de las que estamos hablando. Déjenme darles un ejemplo. Justo aquí en el medio, tengo una sección con un párrafo y debajo de ella, tengo un pie de página con un párrafo. Ahora, puedo controlar todos los párrafos con sólo una etiqueta P. Y puedo ponerlos en cursiva todos. Ahí, ahora todos los párrafos están en cursiva. Pero, ¿y si sólo quiero que el que está dentro de la sección esté en cursiva? Bueno, mi sección tiene un ID de arriba, que es como un mango, un nombre. Así que puedo decir que el párrafo superior del hashtag está en cursiva. Ahora, el que está dentro del pie de página no lo está. Así que, para reiterar, la C en CSS significa cascada, lo que significa que puedo ser muy específico sobre qué cosa de mi sitio web quiero controlar con CSS. Ahora, quiero mostrarles un truco más dentro del reino de WordPress. Aquí hay un sitio web de WordPress y estoy conectado y en la barra de administración, hay un enlace de personalización, y si haces clic en eso, el personalizador se abre. Ahora bien, no todos los personalizadores son iguales en WordPress, pero todos tienen una pestaña CSS adicional. Y puedes escribir CSS allí y hacer que afecte a tu sitio web. Por ejemplo, puedo escribir el encabezado y luego hacer que el fondo sea rojo. Y ahora, todos mis encabezados tienen un fondo rojo. Ahora, si hago clic en publicar, entonces lo guarda en mi sitio web. En su lugar, también puedo hacer clic en esta X y desaparecerá. Por lo tanto, este es un gran lugar para experimentar y ver lo que su sitio web va a mirar con diferentes piezas de CSS aplicado. El CSS va desde extremadamente simple hasta muy complicado, y puede ser muy divertido profundizar y hacer pequeños cambios en tu sitio web para hacerlo único. Con el personalizador siendo tan fácil ahí mismo, realmente recomiendo que experimentes un poco. A ver si te gusta, cambia tu sitio web. No puedes hacer daño a nada. Si quieres saber más sobre WordPress, visita winwp.com.

Leer
Nueva guía: Cómo acelerar WordPress - Una guía para principiantes

Ver más vídeos…

¿Algo que añadir?

Deja una respuesta