MEJOR SITIO PARA DESARROLLADORES WEB
HTML CSS JAVASCRIPT SQL PYTHON PHP JAVA KOTLIN GO C C++ C# Django CÓMO W3.CSS AI Más 🔍 ◑ Libros REFERENCIAS EJERCICIOS

CSS Tutorial

CSS HOGAR Introducción a CSS Sintaxis CSS Selectores CSS Cómo utilizar CSS Comentarios CSS Colores CSS
Colores RGB HEX HSL
CSS Antecedentes
Color de fondo Imagen de fondo Repetición de fondo Adjunto de fondo Taquigrafía de antecedentes
CSS Bordes
Bordes Ancho del borde Color del borde Lados fronterizos Taquigrafía de borde Bordes redondeados
CSS Márgenes
Márgenes Colapso de margen
Relleno CSS Alto/Ancho CSS Modelo de caja CSS Esquema CSS
Esquema Ancho del esquema Color del contorno Taquigrafía de esquema Desplazamiento del contorno
CSS Texto
Color del texto Alineación de texto Decoración de texto Transformación de texto Espaciado de texto Sombra de texto
CSS Fuentes
Familia de fuentes Fuente Web segura Fuentes alternativas Estilo de fuente Tamaño de fuente Fuente Google Emparejamientos de fuentes Taquigrafía de fuentes
Iconos CSS Enlaces CSS Listas CSS Tablas CSS
Bordes de tabla Tamaño de la tabla Alineación de tabla Estilo de tabla Responsivo de tabla
CSS Display CSS Max-width CSS Position CSS z-index CSS Overflow CSS Float
Float Clear Float Ejemplos
bloque CSS en línea Alineación CSS Combinadores CSS Pseudoclase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS
Navbar Barra de navegación vertical Barra de navegación horizontal
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
Degradados lineales Gradientes radiales Degradados cónicos
CSS Oscuridad
Efectos de sombras Sombra de caja
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
La función var() Anulación de variables Variables y JavaScript Variables en Media Queries
CSS Box Sizing Consultas de medios CSS Ejemplos de CSS MQ CSS Flexbox
CSS Flexbox Contenedor CSS Flex Elementos CSS flexibles CSS Flex Responsive

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 Comentarios

❮ Prev Next ❯

Los comentarios CSS no se muestran en el navegador, pero pueden ayudar a documentar su código fuente.

CSS Comentarios

Los comentarios se utilizan para explicar el código y pueden ayudar cuando edites el código fuente en una fecha posterior.

Los navegadores ignoran los comentarios.

Un comentario CSS se coloca dentro del elemento <style> y comienza con /* y termina con */:

Ejemplo

/* Este es un comentario de una sola línea */
p {
  color: red;
}
Inténtalo tú mismo »

Puedes agregar comentarios donde quieras en el código:

Ejemplo

p {
  color: red; /* Establecer el color del texto en rojo */
}
Inténtalo tú mismo »

Los comentarios también pueden abarcar varias líneas:

Ejemplo

/* Este es
un comentario
de varias líneas */

p {
  color: red;
}
Inténtalo tú mismo »

Comentarios HTML y CSS

En el tutorial de HTML, aprendió que puede agregar comentarios a su fuente HTML usando la sintaxis <!--...-->.

En el siguiente ejemplo, utilizamos una combinación de comentarios HTML y CSS:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Establecer el color del texto en rojo */
}
</style>
</head>
<body>

<h2>Mi rumbo</h2>

<!-- Estos párrafos serán rojos -->
<p>Hello World!</p>
<p>Este párrafo está diseñado con CSS.</p>
<p>Los comentarios CSS no se muestran en la salida.</p>

</body>
</html>
Inténtalo tú mismo »

CSS — Comentarios — Vídeo de W3Schools

Este vídeo explica los comentarios CSS.

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

❮ Prev Next ❯

✍ Comentarios