Contenido 1 C

<html>
<head>
<title>
Resultado de Aprendizaje 1.3
</title>
</head>
<body bgcolor=maroon">
<font face="arial">
<h1 align="center"><b>1.3 Construye hojas de estilo en cascada (CSS) de acuerdo
con las especificaciones del World Wide
Web Consortium (W3C).</b></h1>
<h2><b><i>A.Identificaci�n del lenguaje de CSS</i></b></h2>
<h3><b>Definicion de CSS.</b></h3>
<p>Es el lenguaje de hojas de estilo utilizado para describir el aspecto y el
formato de un documento escrito en un lenguaje de marcas.</p>
<h3><b> Especificacion Oficial de CSS.</b></h3>
<p>La especificaci�n o norma oficial que se utiliza actualmente para dise�ar
p�ginas web con CSS es la versi�n CSS 2.1.</p>
<h3><b> Funcionamiento Basico.</b></h3>
<p>Una de las principales caracter�sticas de CSS es su flexibilidad y las
diferentes opciones que ofrece para realizar una misma tarea.</p>
<h3><b> Formas de Inclusion de CSS en XHTML.</b></h3>
<p>Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la
cabecera del documento (s�lo dentro de la secci�n <head>).</p>
<h3><b> Uso de Comentarios</b></h3>
<p>CSS permite incluir comentarios entre sus reglas y estilos. Los comentarios
son contenidos de texto que el dise�ador incluye en el archivo CSS
<br>para su propia informaci�n y utilidad. Los navegadores ignoran por
completo cualquier comentario de los archivos CSS, por lo que es com�n
<br>utilizarlos para estructurar de forma clara los archivos CSS complejos.El
comienzo de un comentario se indica mediante los caracteres /* y el
<br>final del comentario se indica mediante */.</p>
<h3><b> Sintaxis de la definicion de cada propiedad</b></h3>
<p>C�DIGO <head> <style type=�text/css�> p.azul {color:blue} p.rojo {color:red}
</style> </head> <body> <p class=�azul�>Este texto es de color
<br>azul</p> <p class=�rojo�>Este texto es de color rojo</p> </body></p>
<h3><b> Selectores</b></h3>
<p>Se utiliza para seleccionar todos los elementos de la p�gina. El siguiente
ejemplo elimina el margen y el relleno de todos los elementos HTML.</p>
<h3><b> Agrupacion de Reglas</b></h3>
<p>Cuando se crean archivos CSS complejos con decenas o cientos de reglas, es
habitual que los estilos que se aplican a un mismo selector se definan en
diferentes regla.</p>
<h3><b>Herencia</b></h3>
<p>Una de las caracter�sticas principales de CSS es la herencia de los estilos
definidos para los elementos. Cuando se establece el valor de una propiedad CSS en
un elemento,
<br>sus elementos descendientes heredan de forma autom�tica el valor de esa
propiedad.</p>
<h3><b>Colisiones de Estilos, Unidad de Medida y Colores</b></h3>
<p>Colisiones de estilos En las hojas de estilos complejas, es habitual que
varias reglas CSS se apliquen a un mismo elemento HTML. El problema de estas reglas
m�ltiples es que
<br>se pueden dar colisiones.
<br>Unidades de medida y colores Adem�s, CSS es tan flexible que permite
indicar las medidas y colores de muchas formas diferentes.</p>
<h2><b><i>B.Implementacion de los Elemento CSS en la definicion de la aparencia
de los elementos que integran la pagina web.</i></b></h2>
<h3><b>Boxmodel.</b></h3>
<p>l fallo en el modelo de caja de Internet Explorer (en ingl�s: Internet
Explorer box model bug) es uno de los m�s conocidos fallos en una implementaci�n
del est�ndar web CSS.
<br>�ste afecta a las versiones del navegador Microsoft Internet Explorer para
Microsoft Windows hasta su versi�n 6, estando esta �ltima y versiones posteriores
exentas de dicho
<br>error en sus modos de renderizado "est�ndar", pero a�n permanece remanente
en el modo de retrocompatibilidad (Quirks).</p>
<h3><b>Bordes de CSS</b></h3>
<p>permite definir el aspecto de cada uno de los cuatro bordes horizontales y
verticales de los elementos. Para cada borde se puede establecer su anchura, su
color y su estilo.</p>
<h3><b>Margen, Relleno, Bordes y Boxmodel</b></h3>
<p>La anchura y altura de un elemento no solamente se calculan teniendo en
cuenta sus propiedades width y height. el margen, el relleno y los bordes
establecidos a un elemento
<br>determinan la anchura y altura final del elemento.</p>
<h3><b>Fondo</b></h3>
<p> El fondo puede ser un color simple o una imagen. el fondo solamente se
visualiza en el �rea ocupada por el contenido y su relleno, ya que el color de los
bordes se controla directamente
<br>desde los bordes y las zonas de los m�rgenes siempre son transparentes.
Para establecer un color o imagen de fondo en la p�gina entera, se debe establecer
un fondo al elemento <body>.
<br> si se establece un fondo a la p�gina, como el valor inicial del fondo de
los elementos es transparente, todos los elementos de la p�gina se visualizan con
el mismo fondo a menos que alg�n
<br>elemento especifique su propio fondo.</p>
<h3><b>Posicionamiento y Visualizaci�n</b></h3>
<p>el posicionamiento normal o est�tico es el modelo que utilizan por defecto
los navegadores para mostrar los elementos de las p�ginas. en este modelo, ninguna
caja se desplaza respecto de su
<br> posici�n original, por lo que s�lo se tiene en cuenta si el elemento es
de bloque o en l�nea.</p>
<h3><b>Posicionamiento y Visualizaci�n</b></h3>
<p>el posicionamiento normal o est�tico es el modelo que utilizan por defecto
los navegadores para mostrar los elementos de las p�ginas. en este modelo, ninguna
caja se desplaza respecto de su
<br>posici�n original, por lo que s�lo se tiene en cuenta si el elemento es de
bloque o en l�nea.</p>
<h3><b>Posicionamiento float</b></h3>
<p>el posicionamiento flotante es el m�s dif�cil de comprender pero al mismo
tiempo es el m�s utilizado. la mayor�a de estructuras de las p�ginas web complejas
est�n dise�adas con el posicionamiento
<br> flotante, como se ver� m�s adelante.
<br>cuando una caja se posiciona con el modelo de posicionamiento flotante,
autom�ticamente se convierte en una caja flotante, lo que significa que se desplaza
hasta la zona m�s a la izquierda o m�s a
<br> la derecha de la posici�n en la que originalmente se encontraba.</p>
<h3><b>Visualizaci�n</b></h3>
<p>adem�s de las propiedades que controlan el posicionamiento de los elementos,
css define otras cuatro propiedades para controlar su visualizaci�n: display,
visibility, overflow y z-index.
<br>utilizando algunas de estas propiedades es posible ocultar y/o hacer
invisibles las cajas de los elementos, por lo que son imprescindibles para realizar
efectos avanzados y animaciones.</p>
<h3><b>Texto</b></h3>
<p>estas propiedades adicionales permiten controlar al alineaci�n del texto, el
interlineado, la separaci�n entre palabras, etc.
<br>la propiedad que define la alineaci�n del texto se denomina text-
align.</p>
<h3><b>Enlaces</b></h3>
<p>queremos que los links o enlaces de nuestras web luscan de la misma forma en
toda la p�gina.Mediante el uso de estilos CSS podemos definir un clase para cada
tipo de link que deseemos.</p>
<h3><b>Listas</b></h3>
<p>Las listas en CSS constituyen uno de los elementos m�s importantes para el
desarrollo de una p�gina web que respete los est�ndares. As� como es importante el
marcado correcto de p�rrafos y
<br>encabezados, las listas tambi�n deben estar especificadas de la forma
adecuada.</p>
<h3><b>Tablas</b></h3>
<p>Con las hojas de estilo podemos proporcionarle un aire nuevo a nuestras
tablas, que son los objetos que albergan a los datos tabulados. En esta misma web
se utiliza c�digo CSS para dise�ar las tablas de este curso.</p>
<font>
</body>
</html>

Contenido 1 C

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Contenido 1 C

Загружено:

Авторское право:

Доступные форматы

<html>

Вам также может понравиться