Hoja de estilo en cascada (CSS) : CSS fue desarrollado por Hakon Wium, Bert Bos, World Wide Web el 17 de diciembre de 1996. Es un lenguaje utilizado para describir cómo se mostrarán los elementos HTML en una página web o el diseño de documentos HTML como fuentes, color, margen, relleno, altura, ancho, imágenes de fondo, etc. CSS significa Hoja de estilo en cascada, aquí Cascada se refiere a la sección en la que aplicamos el procedimiento de estilo, y Estilo se refiere al color, Margen, fuente para los párrafos de la tabla y Título, etc. La hoja se refiere a cómo se ven las páginas web. En CSS podemos cambiar el aspecto y el diseño de las páginas web editando un solo archivo CSS.
Hay tres tipos de CSS .
- CSS en línea
- CSS interno
- CSS externo
Ejemplo: Este ejemplo describe el uso de propiedades CSS simples.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Geeksforgeeks</p>
<p>
A Computer Science
portal for Geeks
</p>
</body>
</html>
Producción:
Bootstrap : Bootstrap es el marco front-end de código abierto más popular. Está desarrollado por Mark Otto, Jacob Thornton el 19 de agosto de 2011. Bootstrap es una colección de clases de CSS y una función de JavaScript y se utiliza para el diseño receptivo y la creación de sitios y aplicaciones receptivos y móviles. Por lo general, funciona en un sistema de cuadrícula para crear un diseño de página con la ayuda de filas y columnas y es compatible con todos los navegadores para crear sitios web receptivos.
Ejemplo:
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Color Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"> </script> <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"> </script> </head> <body> <div class="container"> <h2>Bootstrap Colors List</h2> <ul> <li class="text-muted">GeeksforGeeks</li> <li class="text-primary">GeeksforGeeks</li> <li class="text-success">GeeksforGeeks</li> <li class="text-info">GeeksforGeeks</li> <li class="text-warning">GeeksforGeeks class</li> <li class="text-danger">GeeksforGeeks</li> <li class="text-secondary">GeeksforGeeks</li> <li class="text-white">GeeksforGeeks</li> <li class="text-dark">GeeksforGeeks</li> </ul> </div> </body> </html>
Producción:
Diferencia entre CSS y Bootstrap:
| Hoja de estilo en cascada (CSS) | Oreja |
|---|---|
| CSS es desarrollado por Hakon Wium Lie, Bert Bos, World Wide Web 17 de diciembre de 1996. | Bootstrap es desarrollado por Mark Otto, Jacob Thornton el 19 de agosto de 2011. |
| CSS representa el estilo y la apariencia del contenido como fuente, color, margen, relleno, etc. | Bootstrap es un marco CSS gratuito y de código abierto que se utiliza para desarrollar sitios web receptivos. |
| CSS no tiene un sistema de cuadrícula. | Bootstrap se basa en un sistema en red. |
| Actualmente está trabajando en CSS3, que es la última versión de CSS. | Bootstrap actualmente está trabajando en Bootstrap 5, que es la última versión de Bootstrap. |
| CSS no proporciona páginas o sitios web receptivos. | En Bootstrap podemos diseñar un sitio web o páginas web responsivas. |
| CSS es más complejo que Bootstrap porque no hay una clase y un diseño predefinidos. | Bootstrap es fácil de entender y tiene mucha clase de prediseño. |
| En CSS, tenemos que escribir código desde cero. | En Bootstrap, podemos agregar una clase predefinida al código sin escribir código. |
Publicación traducida automáticamente
Artículo escrito por ayushjoshi599 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA