Documentos de Académico
Documentos de Profesional
Documentos de Cultura
PROGRAMACIÓN WEB
8° “A”
INTEGRANTES: BRISEIDA NAJERA VISOSO, DANIEL SALDAÑA
XELHUANTZI, RICARDO CORONA ALONSO, YAZMIN REYES TEOYOTL
Programación Web
Contenido
Significado de CSS ................................................................................................................. 2
Historia .................................................................................................................................... 2
Niveles................................................................................................................................. 2
CSS1................................................................................................................................ 2
CSS2................................................................................................................................ 2
CSS 2.1 ........................................................................................................................... 3
CSS3................................................................................................................................ 3
Sintaxis.................................................................................................................................... 3
Propiedades ........................................................................................................................ 4
Ejemplos ................................................................................................................................11
Referencias ............................................................................................................................14
Programación Web
Significado de CSS
Las siglas de CSS son “Cascade Style Sheet”, en español hojas de estilo en
cascada. CSS es un lenguaje que nos permite otorgar atributos a los elementos de
los documentos realizados en HTML; CSS permite realizar una separación del
diseño (formato y estilos) de los contenidos de las páginas web.1
Historia
Con la expansión de internet, y el crecimiento del lenguaje HTML, surgieron varios
tipos de navegadores y con ellos, la dificultad de visualizar un sitio web con la misma
apariencia en todos ellos. El organismo W3C (World Wide Web Consorcium),
organismo encargado de crear los estándares relacionados con la web, propuso la
creación de un lenguaje de hojas de estilos específico para HTML y, de las 9
propuestas que fueron presentadas, se eligieron dos: la CHSS (Cascading HTML
Style Sheets) y la SSP (Stream-based Style Sheet Proposal). Los dos responsables
de cada propuesta, se unieron para definir uno común escogiendo lo mejor de cada
uno, y así fue como, entre 1994 y 1995 nació lo que hoy conocemos como CSS.
Niveles
CSS se ha creado en varios niveles y perfiles. Cada nivel se construye sobre el
anterior, generalmente añadiendo funciones al previo. Los perfiles son,
generalmente, parte de uno o varios niveles de CSS definidos para un dispositivo o
interfaz particular.
CSS1
La primera especificación oficial de CSS, recomendada por la W3C fue CSS1,
publicada en diciembre 1995 y abandonada en abril de 2008. Algunas de las
funcionalidades que ofrece son:
CSS 2.1
La primera revisión de CSS2, usualmente conocida como "CSS 2.1", corrige
algunos errores encontrados en CSS2, elimina funcionalidades poco soportadas o
inoperables en los navegadores y añade alguna nueva especificación.
CSS2.1 tuvo el estatus de "candidato" (candidate recommendation) durante varios
años, pero la propuesta fue rechazada en junio de 2005; en junio de 2007 fue
propuesta una nueva versión candidata, y está actualizada en 2009, pero en
diciembre de 2010 fue nuevamente rechazada. En abril de 2011, CSS 2.1 volvió a
ser propuesta como candidata y después de ser revisada por el W3C Advisory
Committee, fue finalmente publicada como recomendación oficial el 7 de junio de
2011.
CSS3
CSS3 está dividida en varios documentos separados, llamados "módulos". Cada
módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se
preservan las anteriores para mantener la compatibilidad. Los primeros borradores
de CSS3 fueron liberados en junio de 1999.
Debido a la modularización del CSS3, diferentes módulos pueden encontrarse en
diferentes estados de su desarrollo, de forma que, a fechas de noviembre de 2011,
hay alrededor de cincuenta módulos publicados, tres de ellos se convirtieron en
recomendaciones oficiales de la W3C en 2011: "Selectores", "Espacios de nombres"
y "Color". Algunos módulos, como "Fondos y colores", "Consultas de medios" o
"Diseños multi- columna" están en fase de "candidatos", y considerados como
razonablemente estables, a finales de 2011, y sus implementaciones en los
diferentes navegadores son señaladas con los prefijos del motor del mismo.
Sintaxis
Para explicar más fácil la sintaxis de un CSS se dará el ejemplo de cambiar el fondo
a negro.
Primero que nada se define la hoja de estilos, después se definirá un selector que
es la referencia que se le aplicara solo a una parte del HTML y que en este estarán
las instrucciones al que se le aplicara al HTML, en este caso se usara uno con el
nombre body en donde se hará la instrucción, otra parte importante de un CSS son
las sentencias en el cual está formada de una propiedad por ejemplo color y estará
seguida de dos puntos de indica que será modificado, se le agregara un valor en
este caso va hacer hexadecimal ya que es un color y se cierra con un punto y coma.2
Estas instrucciones tienen la siguiente coherencia y sintaxis:
Programación Web
Propiedades
Fuente
Listas
Tamaño
Posición
Interfaces de Usuario
Pseudo-elementos
Pseudo-clases
Ejemplos
Texto con decoraciones3
Estilos en línea
Programación Web
Estilos internos
Estilos externos
Referencias
1 Enrique E. Condor Tinoco, Iván Soria Solís. (2014). CSS. En Programación Web
con CSS, JavaScript, PHP y AJAX (250 páginas). Perú: Editor Iván Soria Solís.
Ralph G. Schulz. (2008). Fundamentos CSS. En Diseño web con CSS (304
páginas). España: Marcombo.
Programación Web