1 Investiga en La Web y Realiza Un Informe de Lectura Acerca Del Css

1 investiga en la web y realiza un informe de lectura acerca del css.
CSS (en inglés Cascading Style Sheets) es lo que se denomina lenguaje de hojas
de estilo en cascada y se usa para estilizar elementos escritos en un lenguaje de
marcado como HTML. CSS separa el contenido de la representación visual del
sitio.
CSS fue desarrollado por W3C (World Wide Web Consortium) en 1996 por una
razón muy sencilla. HTML no fue diseñado para tener etiquetas que ayuden a
formatear la página. Está hecho solo para escribir el marcado para el sitio.
Se incluyeron etiquetas como <font> en HTML versión 3.2, y esto les causó
muchos problemas a los desarrolladores. Dado que los sitios web tenían
diferentes fuentes, fondos de colores y estilos, el proceso de reescribir el código
fue largo, doloroso y costoso. Por lo tanto, CSS fue creado por W3C para resolver
este problema.
La relación entre HTML y CSS es muy fuerte. Dado que HTML es un lenguaje de
marcado (es decir, constituye la base de un sitio) y CSS enfatiza el estilo (toda la
parte estética de un sitio web), van de la mano.
CSS no es técnicamente una necesidad, pero no querrás tener un sitio que solo
tenga HTML, ya que se vería completamente desnudo.
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.
En resumen, con CSS no tienes que describir repetidamente cómo se ven los
elementos individuales. Esto ahorra tiempo, hace el código más corto y menos
propenso a errores.
CSS te permite tener múltiples estilos en una página HTML, y esto hace que las
posibilidades de personalización sean casi infinitas. Hoy en día, esto se está
volviendo una necesidad más que algo básico.
Cómo funciona CSS
CSS utiliza una sintaxis simple basada en el inglés con un conjunto de reglas que
la gobiernan. Como mencionamos anteriormente, HTML no fue hecho con la
intención de utilizar elementos de estilo, sino solo para el marcado de la página.
Fue creado simplemente para describir el contenido. Por ejemplo: <p>Esto es un
párrafo.</p>.
Pero, ¿cómo le aplicas un estilo al párrafo? La estructura de sintaxis CSS es

bastante simple. Cuenta con un selector y un bloque de declaración. Primero
seleccionas un elemento y luego declaras lo que quieres hacer con él. Bastante
sencillo, ¿verdad?
Sin embargo, hay reglas que debes recordar. Las reglas de la estructura son
bastante simples, así que no te preocupes.
El selector apunta al elemento HTML que deseas estilizar. El bloque de

declaración contiene una o más declaraciones separadas por punto y coma.
Cada declaración incluye un nombre de propiedad CSS y un valor, separados por
dos puntos. Una declaración CSS siempre termina con un punto y coma, y los
bloques de declaración están rodeados por llaves
Veamos un ejemplo:
Todos los elementos <p> aparecerán en color azul y en negrita.
1. <style>
2. p {
3. color: blue;
4. text-weight: bold;
5. }
6. <style>
En otro ejemplo, todos los elementos <p> estarán alineados en el centro, tendrán

un ancho de 16x y serán color rosa.
1. <style>
2. p {
3. text-align: center;
4. font-size: 16px;
5. color: pink;
6.
7. }
8. </style>
Ahora pasemos a hablar de los diferentes estilos de CSS, que son Inline, Externo
e Interno.
Estilos de implementación de CSS
Haremos una revisión breve de cada estilo, y para obtener una explicación
detallada de cada método, habrá un enlace debajo de la descripción.
Empecemos hablando del estilo Interno. Los estilos CSS hechos de esta manera
se cargan cada vez que se actualiza un sitio web, lo que puede aumentar el
tiempo de carga. Además, no podrás usar el mismo estilo CSS en varias páginas,
ya que está contenido en una sola página. Sin embargo, esto también tiene sus
beneficios. Tener todo en una página facilita compartir la plantilla para una vista
previa.
El método Externo podría ser el más conveniente. Todo se hace externamente en

un archivo .css. Esto significa que puedes hacer todo el estilizado en un archivo
separado y aplicar el CSS a cualquier página que quieras. El
estilo Externo también puede mejorar los tiempos de carga.
Por último, hablemos del estilo Inline de CSS. Inline trabaja con elementos
específicos que tienen la etiqueta <style>. Cada componente tiene que ser
estilizado, por lo que podría no ser la mejor forma, ni la más rápida para manejar
CSS. Pero puede ser útil, por ejemplo, si quieres cambiar un solo elemento, tener
una vista previa rápida de los cambios o tal vez no tengas acceso a los archivos
CSS.
2. crea una página con tu biografía, utilizando css con un archivo externo de css
h1{
color: #111;
font-family: 'Helvetica Neue', sans-serif;
font-size: 30px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1;
text-align: center;
.division0 {
background: #d9d9d9;
margin: 5% 15% 15% 15%;
padding: 2%;
text-align: center;
.division2 {
text-align: left;
margin-top: 0%;
margin-bottom: 0%;
margin-left: 21%;
margin-right: 21%;
.texto{
color: #685206;
font-family: 'Helvetica Neue', sans-serif;
font-size: 14px;
line-height: 24px;
margin: 0 0 24px;
text-align: justify;
text-justify: inter-word;

1 Investiga en La Web y Realiza Un Informe de Lectura Acerca Del Css

Cargado por

Copyright:

Formatos disponibles

1 Investiga en La Web y Realiza Un Informe de Lectura Acerca Del Css

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

1 Investiga en La Web y Realiza Un Informe de Lectura Acerca Del Css

Cargado por

Copyright:

Formatos disponibles

1 investiga en la web y realiza un informe de lectura acerca del css.

Cómo funciona CSS

Pero, ¿cómo le aplicas un estilo al párrafo? La estructura de sintaxis CSS es

El selector apunta al elemento HTML que deseas estilizar. El bloque de

Todos los elementos <p> aparecerán en color azul y en negrita.

En otro ejemplo, todos los elementos <p> estarán alineados en el centro, tendrán

El método Externo podría ser el más conveniente. Todo se hace externamente en

font-family: 'Helvetica Neue', sans-serif;

font-family: 'Helvetica Neue', sans-serif;

También podría gustarte