atributo media da tag link

Utilizar o css externo a partir de um outro arquivo fora do html é padrão desde os fundamentos. Conforme aperfeiçoamos as práticas, novos atributos vão sendo utilizados naquelas tags que já conhecemos.

O atributo media especifica para qual mídia/dispositivo o recurso de destino é otimizado.

Esse atributo é usado principalmente com folhas de estilo CSS para especificar estilos diferentes para diferentes tipos de mídia.

O atributo media pode aceitar vários valores.

all: Padrão. Usado para todos os dispositivos de tipo de mídia

print: Usado para o modo de visualização de impressão/páginas impressas

screen: Usado para telas de computador, tablets, smartphones etc.

speech: Usado para leitores de tela que “lê” a página em voz alta

Nas aplicações que tenho feito, utilizo o screen para visualização nos dispositivos, o print para impressões e o speech para acessibilidade.

Esse artigo ficou curtinho mas a intensão foi ser bem prático. Deixe seu aplauso e até o próximo artigo.

--

--

--

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
douglasabnovato

douglasabnovato

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

More from Medium

How I created the front end for a coin flip game that allows two people to play against each other

How to reduce a background-image sharpness and opacity.

Introducing EliteForms — A Form Library for Lit

How to view local file(html/css) in iPhone