Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Iae pessoal !! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Sempre montei minhas páginas usando 1 arquivo CSS para cada página HTML, só que ando fuçando em alguns sites e vejo que existe 1 só CSS para toda a página. Gostaria de saber se tem alguma mudança, ajuda ou não no desempenho da página, para abrir mais rápido ou não, se é mais semântico, etc.
Abraços !
Bom .. isso eu já sabia mas mesmo assim vlw.
Olhem esse site:
http://www.rodrigomoraes.com/index.html
Por exemplo, ele mantém um só CSS para todas as categorias.
No caso, eu fazeria uma CSS para cada categoria (jeito que estou acostumado)
Digo, dessa maneira, mudaria alguma coisa o desempenho do carregamento da página ?? .. seria melhor ter só uma ?
Depende.
Se você for carregar em um site, estilos que só encontraria na área de administração, por exemplo, sim, iria influenciar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
É mais pratico fazer 1 para a página toda.
Apenas crie váriaveis pro que você quiser exemplo:
Se você quer que o texto do menu seja tudo maiusculo e o b seja sublinhado
#maiusculo{
text-transform: uppercase;
}
#sublinhado {
text-decoration: underline;
}Ex:
...
<div id="maiusculo">
<a href:"www.exemplo.com">este link vai ficar com as letras maísculas</a></div>
<div id="sublinhado">
<a href:"www.exemplo.com">este link vai ficar com as letras sublinhadas</a></div>Ou seja na pagina INDEX-A você pode por o CSS e somente utilizar a "div" maiusculo para os links
E na INDEX-B você pode usar o "div" do sublinhado, sem precisar fazer outro css.
cara tbm reparei em alguns sites que existe isso:
organizando bem o seu css, deixando ele bem legível e não muito repetitivo, creio que alguns kbites a mais no seu projeto não vai influenciar tanto no desempenho, hoje em dia são poucos os que usam internet com conexão bem baixa, agora se tratando de area de site e area de administrador, eu particularmente prefiro colocar um .css para o site todo e um .css para a area de administrador
Data.. esse link nem vai ficar sublinhado, e nem o outro pode até ficar com letras maiusculas. mas estilo da tag <a> se aplica direto a ela http://forum.imasters.com.br/public/style_emoticons/default/upset.gif
Mas valeu a intenção de ajudar. :)
Olá Gui, tudo bem?
Ter as folhas de estilo bem organizadas é muito importante para 1 projeto, tem que levar em conta muita coisa. Em projetos grandes, costumo fazer varias vezes o mesmo template, tentando otimizar o máximo possível, utilizo 1 folha pra estruturar o formato da pagina, 2 ou 3 colunas etc.. outro com cores e titulos que utilizo no site, e para cada pagina parar formatar conteúdo.
Fica muito fácil parar editar, alterar etc..
abraços!
Bem, depende( isso não responde nada ), o que eu estou esperimentando agora é dividir meu css em quatro partes que tem alguma lógica pra mim.
core.css ( onde utilizo "funções(classes de uso geral)" que se repetem muito nos meus projetos. )
static.css ( onde vai a parte da pagina que sempre se repete, um header e footer por exemplo.)
grid.css( onde ficam as larguras das divs que uso como colunas do site( tive essa ideia lendo um pouco sobre o framework do yahoo) )
module.css( onde ficam as partes que normalmente mudam no site, eu queria seperar em varios arquivos, varios modulos, mas se fizer vai gerar muitas requizições ao servidor, aumentarndo a banda gasta )
normalmente, para sites mais simples, estou dixando o module.css de lado, pois só é um trampo a mais, importo tudo na mesma folha de estilo, static.css e chamo em todas as paginas. para modulos muito importante( com um de formulários que tenho ), deixo-os em folhas de estilo separadas.
isso é como eu estou tentando fazer agora. mas o problema é que esta indo tudo numa folha de estilo pois vai como import no static.css
Em sites institucionais pequenos eu prefiro utilizar apenas um CSS para todas as páginas. Sobre carregamento, de um modo geral quanto menos requisições você tiver na sua página, menos tempo irá levar para carregar e menos esforço vai exigir do seu servidor. Uma idéia seria criar vários arquivos separados e depois criar um CSS que apenas importa todos eles e incluir apenas este na página, desta forma você faz apenas uma requisição e mantém seus arquivos organizados.
[]'s
Não entendi nada. http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif
Tem pessoas que fazem o CSS separadamente, ou seja, um para o menu, outro para o conteúdo, outro para área de administração do site, e por aí vai. ;] Exemplo: