1. ¿QUÉ ES CSS?
Nombre: Nehemías Ramos
Grado: 6to PC.
Colegio Miguel Ángel Asturias
Curso: Programación
Profesor: Dylan Xic
2.
3. CSS:
• Antes de comenzar, debes tener claro un concepto clave:
una página web es realmente un documento de texto. En
dicho documento se escribe código HTML, con el que se
que crea el contenido de una web. Por otro lado, existe el
código CSS, que unido al código HTML permite darle
forma, color, posición (y otras características visuales) a
una página.
• En resumen, se trata de un idioma como podría ser el
inglés o el alemán, que los navegadores web como
Chrome o Firefox conocen y pueden entender. Nuestro
objetivo como diseñadores y programadores web es
precisamente ese: aprender el idioma.
4. • Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y
parten de un concepto simple pero muy potente: aplicar estilos (colores, formas,
márgenes, etc...) a uno o varios documentos (generalmente documentos HTML,
páginas webs) de forma masiva.
• Se le denomina estilos en cascada porque se aplican de arriba a abajo (siguiendo un
patrón denominado herencia que trataremos más adelante) y en el caso de existir
ambigüedad, se siguen una serie de normas para resolverla.
• La idea de CSS es la de utilizar el concepto de separación de presentación y
contenido, intentando que los documentos HTML incluyan sólo información y datos,
relativos al significado de la información a transmitir (el contenido), y todos los
aspectos relacionados con el estilo (diseño, colores, formas, etc...) se encuentren en un
documento CSS independiente (la presentación):
5. • De esta forma, se puede unificar todo lo relativo al diseño visual en un solo
documento CSS, y con ello, varias ventajas:
• Si necesitamos hacer modificaciones visuales lo hacemos en un sólo lugar. No
necesitamos editar todo el HTML en cuestión por separado.
• Se reduce la duplicación de estilos en diferentes lugares, por lo que es más fácil de
organizar y hacer cambios. Además, al final la información a transmitir es
considerablemente menor (las páginas se descargan más rápido).
• Es más fácil crear versiones diferentes de presentación para otros tipos de
dispositivos: tablets, smartphones o dispositivos móviles, etc...
6. ORÍGENES DEL LENGUAJE CSS
• Los lenguajes de hojas de estilo surgieron con la introducción de Internet y el
crecimiento exponencial del lenguaje HTML para la creación de documentos
electrónicos.
• El organismo W3C (World Wide Web Consortium) es el encargado de crear
todos los estándares relacionados con la web y fue el que propuso la creación
de un lenguaje de hojas de estilos específico para el lenguaje HTML. Se
escogieron dos propuestas: la CHSS (Cascading HTML Style Sheets) y la SSP
(Stream-based Style Sheet Proposal).
7. IMPORTANCIA DEL USO DEL LENGUAJE CSS
• El lenguaje CSS se ha convertido en una revolución en el ámbito del
diseño web especialmente. Entre los beneficios que se encuentran al
utilizar éste se destacan los siguientes:
• Más precisión: Cuando se utiliza CSS, el tamaño y posicionamiento de
los elementos que conforman las web será exacto. Se le puede indicar
al navegador en qué píxel colocar una determinada imagen, así como
las medidas de éstas.
El CSS da mejor accesibilidad y estructura. Al combinar el lenguaje CSS
y los marcadores descriptivos se posibilita que una web se vea
correctamente puesto que la información se mantendrá estructurada y
ordenada.
• Mejora los tiempos de carga: Con la introducción del CSS se ha
dividido contenido y apariencia, por lo que se obtienen archivos más
ligeros. Esto es ventajoso para reducir los tiempos de carga del sitio en
el navegador y bajar el volumen de tráfico del servidor que se ha
escogido.
8. VENTAJAS DE CSS
• La diferencia entre un sitio web que implementa CSS y uno que no, es
enorme y definitivamente se nota.
• Quizás hayas visto algún sitio web que no se puede cargar por
completo y tiene un fondo blanco con la mayor parte del texto en
azul y negro. Eso significa que la parte CSS del sitio no se cargó
correctamente o no existe.
• Así es como se ve un sitio con solo HTML, y creo que estarás de
acuerdo conmigo en que no luce muy bien.
• Antes de CSS, todo el estilo debía incluirse en el marcado HTML. Esto
significa que había que describir por separado todos los fondos, los
colores de fuente, las alineaciones, etc.
• CSS permite estilizar todo en un archivo diferente, creando el estilo allí
y después integrando el archivo CSS sobre el marcado HTML. Esto
hace que el marcado HTML sea mucho más limpio y fácil de
mantener.
9. CONCLUSIÓN
• Resumamos lo que hemos aprendido:
• CSS fue creado para trabajar en conjunto con lenguajes de marcado como
HTML. Se utiliza para estilizar una página.
• Hay tres estilos de implementación de CSS, y puedes usar el estilo Externo
para asignar varias páginas a la vez.
• Hoy en día podrás ver algún tipo de implementación de CSS en cualquier
parte, ya que es un requisito tan importante como el propio lenguaje de
marcado.
• Esperamos que este artículo te haya resultado útil y, si tienes alguna
pregunta, escríbela en la sección de comentarios a continuación.