¿Qué es W3.CSS?
- W3.CSS es un marco moderno con capacidad de respuesta incorporada y fácil de aprender y usar en comparación con otros marcos CSS.
- Su objetivo es acelerar y simplificar el desarrollo web y admitir dispositivos receptivos modernos como dispositivos móviles, computadoras portátiles, tabletas y computadoras de escritorio.
- W3.CSS fue diseñado para ser una alternativa de alta calidad a Bootstrap.
¿Cómo usar W3.CSS en una página web?
W3.CSS es gratis para que todos lo usen. Cualquiera puede usarlo simplemente vinculando el estilo en su página web. Hay dos formas de incluir W3.CSS en el sitio web:
- Incluya W3.CSS desde este enlace como se menciona a continuación:
HTML
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
- Descarga W3.CSS desde aquí y úsalo.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <!-- Adding W3.CSS file through external link --> <link rel="stylesheet" href= "https://www.w3schools.com/w3css/4/w3.css"> </head> <body> <!-- w3-container is used to add 16px padding to any HTML element. --> <!-- w3-center is used to set the content of the element to the center. --> <div class="w3-container w3-center"> <!-- w3-text-green sets the text color to green. --> <!-- w3-xxlarge sets font size to 32px --> <h2 class="w3-text-green w3-xxlarge"> Welcome To GFG </h2> </div> <div class="w3-container"> <!-- w3-text-red sets the text color to red. --> <p class="w3-text-red"> GeeksforGeeks is a Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes etc. </p> </div> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por aditya_taparia y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA