Como baixar um arquivo css de um site

arquivos CSS em sites podem ser vistos e descarregados através do código fonte da página. Localizar onde o arquivo CSS é armazenado e recuperá-lo para criar seus próprios arquivos CSS.

Onde encontrar referências CSS

  • As referências aos arquivos CSS pode ser encontrada no código fonte da página. Em todos os principais navegadores, incluindo Internet Explorer, Firefox e Chrome, você pode botão direito do mouse em um espaço vazio na página. No menu drop-down, clique em Ver fonte da página para abrir o código HTML para a página. Dentro do elemento, procure linhas semelhantes a Onde [Referência css] é a localização do CSS. Tenha em mente que muitas páginas terá várias referências CSS.

Entendendo Referências CSS

  • A localização do CSS pode ser uma referência absoluta, ou uma referência relativa. Uma referência absoluta seria:

Enquanto uma referência relativa poderia ser qualquer número dos seguintes:

  • ../css/styles.css
  • css / styles.css
  • /css/styles.css


As referências absolutas dizer exatamente onde o arquivo CSS é que, enquanto referências relativas pode ser mais difícil de entender. Como exemplo, vamos supor que você está visitando https://yourwebsite.com/products/home.html. depois de seleccionar Ver fonte da página, entende no cabeçalho da fonte. o ../ na href significa para voltar um diretório. Portanto, a localização do ficheiro de CSS seria em https://yourwebsite.com/css/styles.css.

Aqui estão alguns exemplos das outras duas referências, supondo que você ainda está visitando a página acima:

Obtendo o arquivo CSS

  • Uma vez que o local do arquivo CSS é conhecida, digite esse local na barra de endereço eo código CSS irá carregar na janela do navegador. Em seguida, copie e cole-o em um novo arquivo. Se estiver usando um navegador moderno, você pode perceber que o href é um link clicável. Basta clicar no link e o CSS será aberta na janela de origem. Copie e cole o código CSS em um novo arquivo.

Advertências sobre o uso de CSS de alguém que não é seu

  • Existem muitos quadros CSS disponíveis gratuitamente para os desenvolvedores a usar. Alguns dos mais populares são Bootstrap do Twitter e Fundação de ZURB. Se estiver usando um desses frameworks de código aberto ou baixar CSS de outro site, certifique-se de verificar qualquer licenciamento ou direitos autorais que possam estar nos arquivos. É importante entender como o código CSS é permitido para ser usado.

Referências

  • Brilt Photo Credit / iStock / Getty Images
De esta maneira? Compartilhar em redes sociais:

LiveInternet