terça-feira, 2 de outubro de 2018

DIFERENÇA DE CSS INLINE, INCORPORADO E EXTERNO

Cascadind Style Sheets ou css, serve para colocar mais cores e formas no seu código visualizado pelo usuário para deixa-lo bonito e agradável para eles. Conhecido como experiencia de usuário. Para implementar no seu código existe três maneiras, uma para cada necessidade.

1.Inline- Esse tipo é usado para atribuir estilos em um determinado elemento do HTML, pois é usado somente dentro dos elementos de marcação que se encontram dentro do container. Como no exemplo abaixo:
<body>
   <div class="exemplo">
     atributos do CSS
   </div>
</body>


2.Incorporado- Esse tipo funciona bem quando se tem poucas paginas, como ele é dentro do código na seção<head> funcionará só para a mesma pagina. Exemplo:
<head>
  <style rel="stylesheet" type="text/css" href="main.css">
    atributos do css
  </style>
</head>

3.Externo- Esse tipo é usado geralmente quando se tem um grande número de paginas, como é declarado em um arquivo separado do arquivo HTML, você pode facilmente mudar aparências de vários arquivos de uma vez só. Como no exemplo abaixo:
 <head>
   <link rel="stylesheet" type="text/css" href="main.css">
</head> 

É usado o link<href> dentro da seleção head para o navegador conseguir o atributos que estão dentro do css. 

Nenhum comentário:

Postar um comentário

DIFERENÇA DE CSS INLINE, INCORPORADO E EXTERNO

Cascadind Style Sheets ou css, serve para colocar mais cores e formas no seu código visualizado pelo usuário para deixa-lo bonito e agradáve...