Medios CSS - Historial de revisiones

Carlos idict: Texto reemplazado: «
» por «»

2019-08-29T00:49:27Z

Texto reemplazado: «<div align="justify">» por «»

Saray ciget.gtm en 16:30 28 nov 2014

2014-11-28T16:30:01Z

Jorge GT en 15:47 26 nov 2014

2014-11-26T15:47:28Z

Torres87 en 15:31 26 nov 2014

2014-11-26T15:31:44Z

Yurlen ssp.jc en 14:54 19 mar 2014

2014-03-19T14:54:38Z

Yurlen ssp.jc en 14:53 19 mar 2014

2014-03-19T14:53:29Z

Yurlen ssp.jc en 14:49 19 mar 2014

2014-03-19T14:49:38Z

Yurlen ssp.jc en 14:37 19 mar 2014

2014-03-19T14:37:08Z

Yurlen ssp.jc en 14:32 19 mar 2014

2014-03-19T14:32:23Z

Yurlen ssp.jc: Página creada con '{{Ficha de documento |nombre = Medios CSS |imagen = |tamaño = |descripción = |tipo = |día_creado = |día_ratificado = |promulgación = |derogación = |país = |sitio_del_docu...'

2014-03-19T14:30:19Z

Página creada con '{{Ficha de documento |nombre = Medios CSS |imagen = |tamaño = |descripción = |tipo = |día_creado = |día_ratificado = |promulgación = |derogación = |país = |sitio_del_docu...'

Página nueva

{{Ficha de documento
|nombre = Medios CSS
|imagen =
|tamaño =
|descripción =
|tipo =
|día_creado =
|día_ratificado =
|promulgación =
|derogación =
|país =
|sitio_del_documento =
|escritor =
|signatarios =
|función =

}}

<div align="justify">
Una de las características más importantes de las hojas de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio. La siguiente tabla muestra el nombre que CSS utiliza para identificar cada medio y su descripción:
Tabla 1-1. Medios definidos por CSS

Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.
Medios definidos con las reglas de tipo @media
@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 13px }
}
@media screen, print {
body { line-height: 1.2 }
}
El ejemplo anterior asigna un tamaño de letra de 13 píxel para la página que se muestra en pantalla y un tamaño de letra de 10 puntos para la página que se imprime. Por último, se indica un interlineado igual al 120% del tamaño de letra tanto para la página en pantalla como para la página impresa.
Medios definidos con las reglas de tipo @import
@import url("estilos_basicos.css") screen;
@import url("estilos_impresora.css") print;
Cuando la página se visualiza por pantalla, se cargan los estilos definidos en el primer archivo
CSS. Cuando la página se imprime, se tienen en cuenta los estilos que define el segundo archivo CSS.
Medios definidos con la etiqueta <link>
<link rel="stylesheet" type="text/css" media="screen" href="basico.css" />
<link rel="stylesheet" type="text/css" media="print, handheld" href="especial.css" />
Este ejemplo es muy similar al anterior: el primer archivo CSS se tiene en cuenta cuando la página se visualiza en la pantalla (media=”screen”). Los estilos indicados en el segundo archivo CSS, se aplican al imprimir la página (media=”print”) o al visualizarla en un dispositivo móvil (media=”handheld”), como por ejemplo en un iPhone.
Medios definidos mezclando varios métodos
Este último ejemplo mezcla los métodos descritos anteriormente:
<link rel="stylesheet" type="text/css" media="screen" href="basico.css" />
@import url("estilos_seccion.css") screen;
@media print {
/* Estilos específicos para impresora */
}
La primera regla de tipo @import, indica el archivo CSS que se debe cargar para obtener los estilos con los que se muestra la página en pantalla. La segunda regla de tipo @media especifica directamente los estilos que se deben utilizar al imprimir la página web.
</div>

==Fuente==
* Libro "Introducción a CSS" del autor Javier Eguíluz Pérez, [[20 de febrero]] de [[2008]]. Los contenidos de este libro están bajo una licencia Creative Commons.

[[Category:Códigos y Sistemas de Codificación]]

@@ Línea 1: / Línea 1: @@
-{{Normalizar}}
 {{Ficha de documento
 |nombre = Medios CSS
@@ Línea 15: / Línea 16: @@
 |signatarios =
 |función =
 }}
 <div align="justify">
-Una de las características más importantes de las [[hojas]] de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, [[impresora]], [[Teléfono celular|móviles]], [[proyector]], etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de [[audio]]. <br>
+'''Medios CSS.''' Son [[hojas]] de estilos que indican diferentes medios de dispositivos.
 ==Tabla 1-1. Medios definidos por CSS==
 <br>
 [[Archivo:TablaMediosCSS.jpg|500px|thumb|center|Tabla de medios CSS]]
-−
-Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.<br>
+Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla] y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.<br>
-−
 ===Medios definidos con las reglas de tipo @media===
 <br>
@@ Línea 39: / Línea 42: @@
 body { line-height: 1.2 }<br>
 }<br>
-−
-El ejemplo anterior asigna un tamaño de letra de 13 [[píxel]] para la página que se muestra en pantalla y un tamaño de letra de 10 puntos para la página que se imprime. Por último, se indica un interlineado igual al 120% del tamaño de letra tanto para la página en pantalla como para la página impresa.
+El ejemplo anterior asigna un tamaño de [[letra]] de 13 [[píxel]] para la página que se muestra en pantalla y un tamaño de letra de 10 puntos para la página que se imprime. Por último, se indica un interlineado igual al 120% del tamaño de letra tanto para la página en pantalla como para la página impresa.
-−
-===Medios definidos con las reglas de tipo @import===
+==Medios definidos con las reglas de tipo @import==
 @import url("estilos_basicos.css") screen;<br>
 @import url("estilos_impresora.css") print;<br>
-−
-Cuando la página se visualiza por pantalla, se cargan los estilos definidos en el primer archivo CSS. Cuando la página se imprime, se tienen en cuenta los estilos que define el segundo archivo CSS.
+Cuando la página se visualiza por pantalla, se cargan los estilos definidos en el primer [[archivo]] CSS. Cuando la página se imprime, se tienen en cuenta los estilos que define el segundo archivo CSS.
-−
 ===Medios definidos con la etiqueta===
 <link><br>
@@ Línea 53: / Línea 56: @@
 <link rel="stylesheet" type="text/css" media="print, handheld"<br>
 href="especial.css" /><br>
-−
-Este ejemplo es muy similar al anterior: el primer archivo CSS se tiene en cuenta cuando la página se visualiza en la pantalla (media=”screen”). Los estilos indicados en el segundo archivo CSS, se aplican al imprimir la página (media=”print”) o al visualizarla en un dispositivo móvil (media=”handheld”), como por ejemplo en un iPhone.
+Este ejemplo es muy similar al anterior: el primer [[archivo]] CSS se tiene en cuenta cuando la página se visualiza en la pantalla (media=”screen”). Los estilos indicados en el segundo archivo CSS, se aplican al imprimir la página (media=”print”) o al visualizarla en un dispositivo móvil (media=”handheld”), como por ejemplo en un iPhone.
-−
 ==Medios definidos mezclando varios métodos==
 Este último ejemplo mezcla los métodos descritos anteriormente:
@@ Línea 63: / Línea 66: @@
 /* Estilos específicos para impresora */<br>
 }<br>
-−
-La primera regla de tipo @import, indica el archivo CSS que se debe cargar para obtener los estilos con los que se muestra la página en pantalla. La segunda regla de tipo @media especifica directamente los estilos que se deben utilizar al imprimir la [[página web]].
+La primera regla de tipo @import, indica el [[archivo]] CSS que se debe cargar para obtener los estilos con los que se muestra la página en pantalla. La segunda regla de tipo @media especifica directamente los estilos que se deben utilizar al imprimir la [[página web]].
 </div>
-−
 ==Fuente==
-* Libro "Introducción a CSS" del autor Javier Eguíluz Pérez, [[20 de febrero]] de [[2008]]. Los contenidos de este libro están bajo una licencia Creative Commons.
+* [[Libro]] "Introducción a CSS" del autor Javier Eguíluz Pérez, [[20 de febrero]] de [[2008]]. Los contenidos de este libro están bajo una licencia Creative Commons.
-−
 [[Category:Códigos y Sistemas de Codificación]]

← Revisión anterior		Revisión del 15:47 26 nov 2014
Línea 1:		Línea 1:
		+	{{Normalizar}}
	{{Ficha de documento		{{Ficha de documento
	\|nombre = Medios CSS		\|nombre = Medios CSS

@@ Línea 17: / Línea 17: @@
 }}
 <div align="justify">
-Una de las características más importantes de las hojas de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio. <br>
+Una de las características más importantes de las [[hojas]] de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, [[impresora]], [[Teléfono celular|móviles]], [[proyector]], etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de [[audio]]. <br>
 La siguiente tabla muestra el nombre que CSS utiliza para identificar cada medio y su descripción:<br>
@@ Línea 39: / Línea 39: @@
 }<br>
-El ejemplo anterior asigna un tamaño de letra de 13 píxel para la página que se muestra en pantalla y un tamaño de letra de 10 puntos para la página que se imprime. Por último, se indica un interlineado igual al 120% del tamaño de letra tanto para la página en pantalla como para la página impresa.
+El ejemplo anterior asigna un tamaño de letra de 13 [[píxel]] para la página que se muestra en pantalla y un tamaño de letra de 10 puntos para la página que se imprime. Por último, se indica un interlineado igual al 120% del tamaño de letra tanto para la página en pantalla como para la página impresa.
 ===Medios definidos con las reglas de tipo @import===
@@ Línea 63: / Línea 63: @@
 }<br>
-La primera regla de tipo @import, indica el archivo CSS que se debe cargar para obtener los estilos con los que se muestra la página en pantalla. La segunda regla de tipo @media especifica directamente los estilos que se deben utilizar al imprimir la página web.
+La primera regla de tipo @import, indica el archivo CSS que se debe cargar para obtener los estilos con los que se muestra la página en pantalla. La segunda regla de tipo @media especifica directamente los estilos que se deben utilizar al imprimir la [[página web]].
 </div>

@@ Línea 21: / Línea 21: @@
 La siguiente tabla muestra el nombre que CSS utiliza para identificar cada medio y su descripción:<br>
-==Tabla 1-1. Medios definidos por CSS==<br>
+==Tabla 1-1. Medios definidos por CSS==
-[[Archivo:TablaMediosCSS.jpg|400px|thumb|center|Tabla de medios CSS]]
+<br>
 Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.<br>
-===Medios definidos con las reglas de tipo @media===<br>
+===Medios definidos con las reglas de tipo @media===
 @media print {<br>
 body { font-size: 10pt } <br>

@@ Línea 17: / Línea 17: @@
 }}
 <div align="justify">
-Una de las características más importantes de las hojas de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio.
+Una de las características más importantes de las hojas de estilos CSS es que permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio. <br>
-La siguiente tabla muestra el nombre que CSS utiliza para identificar cada medio y su descripción:
+La siguiente tabla muestra el nombre que CSS utiliza para identificar cada medio y su descripción:<br>
-==Tabla 1-1. Medios definidos por CSS==
+==Tabla 1-1. Medios definidos por CSS==<br>
 [[Archivo:TablaMediosCSS.jpg|400px|thumb|center|Tabla de medios CSS]]
-Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.
+Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil). CSS permite definir reglas específicas para cada medio y reglas compartidas por varios o todos los medios. Existen varios métodos para indicar el medio en el que se deben aplicar las reglas.<br>
-===Medios definidos con las reglas de tipo @media===
+===Medios definidos con las reglas de tipo @media===<br>
 @media print {<br>
 body { font-size: 10pt } <br>