Las consultas de medios de CSS

CSS | Consultas de medios : En este tutorial, vamos a aprender acerca de las consultas de los medios de comunicación en el CSS (Cascading Style Sheet).

CSS | Consultas de medios

La creación de una página web no es una tarea fácil, ya que requiere un montón de contenido y datos de manera que se convierta fuertemente sensibles a los usuarios. Para hacer que los diversos contenidos se añaden aun por ejemplo, recursos .: contenido informativo, blogs, línea de códigos, etc., pero lo más importante es el factor que atrae a los usuarios a cualquier página web es medios de comunicación.

Anécdota:

En ese sentido vamos a hablar acerca de las consultas de medios de comunicación. Las consultas de medios son las herramientas para poner en práctica los medios de comunicación en su página web . class ejemplo, la regla @media que se introdujo en CSS2 ayudó en lo que es posible definir reglas de estilo For diferentes tipos de medios.

Pero la idea de CSS2 no obtuvo mucho apoyo ya que hacía obsoleto. Así CSS3 entró en juego mediante la extensión de las ideas del tipo de soporte de CSS2. En esta idea, que no se centraron en el tipo de dispositivo, pero su capacidad.

Propósito:

consultas de medios se utilizan para comprobar muchas cosas también,

  • Anchura así como la altura de la ventana gráfica
  • anchura y altura del dispositivo como orientación bien (si la tableta / teléfono está en modo horizontal o vertical?)
  • Resolución del dispositivo

de hecho, el uso de preguntas de los medios es una gran práctica con el fin de entregar escritorios adaptados estilo, ordenadores portátiles, teléfonos, etc.

medios consultas entrar con un tipo de medio y pueden tener una o más expresiones como verdadero o falso.

formas de implementar:

Hay varias maneras de implementar Consultas de medios,

Una manera es tener una sección CSS derecho de copia de seguridad por debajo de su hoja de estilo.

Así que si alguien desea archivos de tipo for multimedia en su página web, entonces uno debe optar include medios Consultas.

Es una versión mejorada de @media que anteriormente se utilizó en CSS2. Así que esta propiedad puede ser útil a uno y todos los que deseen crear páginas web de respuesta y presentable.

nadie desea que se adhieren a las herramientas Olde for por lo for, ¿por qué no se adaptan a algo mejor?

Y, que es mejor preguntas de los medios.

Hay varios tipos de medios de CSS3 y con la ayuda de la tabla se menciona a continuación, se puede entender fácilmente.

Sintaxis:

@media not | only mediatype and(expressions) {
//CSS CODE
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: green;
}
@media screen and (min-width: 520px) {
body {
background-color: pink;
}
}
</style>
</head>
<body>
<p>Media query will only if the media type is screen and viewport is 520px wide or wider.</p>
</body>
</html>

salida

Media Queries in CSS - 4

En el ejemplo anterior, el tipo de soporte es pantalla y min anchura es 520px .

Otros valores,

Valor
Descripción

todo Se está long todos los dispositivos del tipo de soporte
imprimir Es class impresoras
pantalla es pantallas de ordenador class, tabletas, teléfonos inteligentes, etc.
discurso es lectores de pantalla class que “lee” la página impresa.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *