MEJOR SITIO PARA DESARROLLADORES WEB

CSS Tutorial

CSS HOGAR Introducción a CSS Sintaxis CSS Selectores CSS Cómo utilizar CSS Comentarios CSS Colores CSS CSS Antecedentes CSS Bordes CSS Márgenes Relleno CSS Alto/Ancho CSS Modelo de caja CSS Esquema CSS CSS Texto CSS Fuentes Iconos CSS Enlaces CSS Listas CSS Tablas CSS CSS Display CSS Max-width CSS Position CSS z-index CSS Overflow CSS Float bloque CSS en línea Alineación CSS Combinadores CSS Pseudoclase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS Despliegues CSS Galería de imágenes CSS Sprites de imagen CSS Selectores de atributos CSS Formularios CSS Contadores CSS Diseño de sitio web CSS Unidades CSS Especificidad de CSS CSS !important Funciones matemáticas CSS

CSS avanzado

CSS Esquinas redondeadas Imágenes de borde CSS Fondos CSS Colores CSS Palabras clave de color CSS Degradados CSS CSS Oscuridad Efectos de texto CSS Fuentes web CSS Transformaciones CSS 2D Transformaciones CSS 3D Transiciones CSS Animaciones CSS Información sobre herramientas CSS Imágenes de estilo CSS Reflejo de imagen CSS objeto CSS-fit posición-objeto CSS Enmascaramiento CSS Botones CSS Paginación CSS CSS múltiples columnas Interfaz de usuario CSS Variables CSS CSS Box Sizing Consultas de medios CSS Ejemplos de CSS MQ CSS Flexbox

CSS Responsivo

Introducción a RWD Vista RWD Vista de cuadrícula RWD Consultas de medios RWD Imágenes RWD Vídeos RWD Marcos RWD Plantillas RWD

CSS Grid

Grid Introducción Grid Container Grid Item

CSS SASS

SASS Tutorial

CSS Ejemplos

Plantillas CSS Ejemplos de CSS Fragmentos CSS Prueba CSS Ejercicios CSS Certificado CSS

CSS Referencias

Referencia CSS Selectores CSS Funciones CSS Referencia CSS auditiva Fuentes CSS web seguras CSS animable Unidades CSS Convertidor CSS PX-EM Colores CSS Valores de color CSS Valores predeterminados de CSS Compatibilidad con navegador CSS

CSS Lecciones para principiantes

Ua En De

CSS Introducción


CSS es el lenguaje que utilizamos para diseñar una página web.


¿Qué es CSS?

  • CSS significa Hojas de estilo en cascada
  • CSS describe cómo se deben mostrar los elementos HTML en la pantalla, en papel o en otros medios
  • CSS ahorra mucho trabajo. Puede controlar el diseño de varias páginas web a la vez
  • Las hojas de estilo externas se almacenan en archivos CSS

CSS Demostración: una página HTML: ¡varios estilos!

Aquí mostraremos una página HTML con cuatro hojas de estilo diferentes. Haga clic en los enlaces "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" a continuación para ver los diferentes estilos:


¿Por qué utilizar CSS?

CSS se utiliza para definir estilos para sus páginas web, incluido el diseño, la disposición y las variaciones en la visualización para diferentes dispositivos y tamaños de pantalla.

CSS Ejemplo

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
 font-family: verdana;
  font-size: 20px;
}
Inténtalo tú mismo »

CSS Resolvió un gran problema

¡El HTML NUNCA tuvo la intención de contener etiquetas para formatear una página web!

HTML fue creado para describir el contenido de una página web, como:

<h1>Este es un título</h1>

<p>Este es un párrafo.</p>

Cuando se agregaron etiquetas como <font> y atributos de color a la especificación HTML 3.2, comenzó una pesadilla para los desarrolladores web. El desarrollo de sitios web grandes, donde se agregaban fuentes e información de color a cada página, se convirtió en un proceso largo y costoso.

Para resolver este problema, el World Wide Web Consortium (W3C) creó CSS.

¡CSS eliminó el formato de estilo de la página HTML!

Si no sabes qué es HTML te sugerimos que leas nuestro HTML Tutorial.


¡CSS ahorra mucho trabajo!

Las definiciones de estilo normalmente se guardan en archivos .css externos.

Con un archivo de hoja de estilo externo, puedes cambiar el aspecto de un sitio web completo cambiando solo un archivo.


Las personas más ricas del mundo.

¿Quiénes crees que son las personas más ricas del mundo? ¡Bien! ¡Estos son aquellos que están relacionados con las tecnologías de la información y el diseño modernos!

Aquí están las 10 personas más ricas del mundo, según la revista Forbs de febrero 2024.

  • Bernard Arnault y familia - 216.600 millones de dólares: es un empresario, inversor y coleccionista de arte francés. Es el fundador, presidente y director ejecutivo de LVMH, la empresa de artículos de lujo más grande del mundo. Arnault es la persona más rica del mundo, con un patrimonio neto estimado de 218.000 millones de dólares al 10 de febrero de 2024, según Forbes.
  • Elon Musk - $198.9B: es empresario e inversor. Es el fundador, presidente, director ejecutivo y director de tecnología de SpaceX; inversor ángel, director ejecutivo, arquitecto de productos y expresidente de Tesla, Inc.; propietario, presidente y director de tecnología de X Corp.; fundador de Boring Company y xAI; cofundador de Neuralink y OpenAI; y presidente de la Fundación Musk.
  • Jeff Bezos - $192.5B: es un empresario, propietario de medios e inversor estadounidense. Es el fundador, presidente ejecutivo y expresidente y director ejecutivo de Amazon, la empresa de comercio electrónico y computación en la nube más grande del mundo.
  • Mark Zuckerberg - $166.6B: es un empresario y filántropo estadounidense. Cofundó el servicio de redes sociales Facebook, junto con sus compañeros de cuarto de Harvard en 2004, y su empresa matriz Meta Platforms (anteriormente Facebook, Inc.), de la que es presidente ejecutivo, director ejecutivo y accionista mayoritario.
  • Larry Ellison - $142.1B: es un empresario y emprendedor estadounidense que cofundó la empresa de software Oracle Corporation. Fue director ejecutivo de Oracle de 1977 a 2014 y ahora es su director de tecnología y presidente ejecutivo.
  • Warren Buffett - $131.2B: es un empresario, inversor y filántropo estadounidense que actualmente se desempeña como cofundador, presidente y director ejecutivo de Berkshire Hathaway. Como resultado de su inmenso éxito inversor, Buffett es uno de los inversores más conocidos del mundo.
  • Bill Gates - $124,8B: es un empresario, inversor, filántropo y escritor estadounidense mejor conocido por cofundar el gigante del software Microsoft, junto con su amigo de la infancia Paul Allen. Durante su carrera en Microsoft, Gates ocupó los cargos de presidente, director ejecutivo (CEO), presidente y arquitecto jefe de software, además de ser su mayor accionista individual hasta mayo de 2014. Fue un destacado pionero de La revolución de las microcomputadoras de los años 1970 y 1980.
  • Larry Page - $122.1B: es un empresario, informático y emprendedor de Internet estadounidense mejor conocido por cofundar Google con Sergey Brin.
  • Steve Ballmer - $120.1B: es un empresario e inversor estadounidense que fue director ejecutivo de Microsoft de 2000 a 2014. Es el propietario de Los Angeles Clippers de la Asociación Nacional de Baloncesto (NBA). Es cofundador de Ballmer Group, una empresa de inversión filantrópica.
  • Sergey Brin - $117.0B: es un empresario estadounidense mejor conocido por cofundar Google con Larry Page. Brin fue presidente de la empresa matriz de Google, Alphabet Inc., hasta que dejó el cargo el 3 de diciembre de 2019. Él y Page permanecen en Alphabet como cofundadores, accionistas mayoritarios y miembros de la junta.

CSS — Introducción

Este vídeo es una breve introducción a CSS.

¡Parte de una serie de tutoriales en vídeo para aprender CSS para principiantes!



Comentarios