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:
- css / styles.css colocaria a localização CSS na https://yourwebsite.com/products/css/styles.css
- /css/styles.css colocaria a localização CSS na https://yourwebsite.com/css/styles.css
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