Servindo CSS de um domínio estático

Question

Quero servir meu CSS e imagens de um domínio estático sem cookies.Agora meu problema é como apontar para as imagens de meus arquivos CSS.

Não quero programar meu domínio dentro do arquivo css, por exemplo:

http://static.com/image.png

Prefiro ter uma variável apontando para a imagem, para que funcione para todos os domínios estáticos que uso.

Qual é a melhor maneira de conseguir isso.Devo executar todo o arquivo css através do php e adicionar o domínio estático na frente de todas as referências png.Uma desvantagem disso é que preciso colocar todo o CSS em HTML.

Ou existe outra maneira mais otimizada de fazer isso.

Answer 1

Quando você puxa o CSS de um domínio estático, os URLs relativos no CSS apontam para o mesmo domínio. Assim, você pode usar caminhos relativos e servir CSS e imagens desse domínio.

Answer 2

Contanto que as imagens venham do mesmo servidor na folha de estilo, o uso de URIs relativos deve ser suficiente.

De Especificação CSS:

Para criar folhas de estilo modular que não dependem da localização absoluta de um recurso, os autores podem usar URIs relativos.Os URIs relativos (conforme definido em [RFC3986]) são resolvidos para URIs completos usando um URI base.RFC 3986, Seção 5, define o algoritmo normativo para esse processo.Para as folhas de estilo CSS, o URI básico é o da folha de estilo, não o do documento de origem.

Há um ensaio interessante de Bert Bos (um dos autores das especificações CSS) sobre variáveis ​​em folhas de estilo.Você pode ler aqui.