Comentários sobre: Como você escreve seus arquivos CSS? Parte 3 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html Blog Pessoal de Bruno Dulcetti - Artigos, tutoriais sobre web standards, xhtml, css e tecnologia em geral. Fri, 20 Aug 2010 12:59:11 -0300 http://wordpress.org/?v=2.8 hourly 1 Por: Guia para estudar CSS | import Zeh.Design http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-64663 Guia para estudar CSS | import Zeh.Design Sat, 29 Aug 2009 02:38:38 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-64663 [...] Como você escreve seus arquivos – Excelente artigo sobre como escrever seus códigos. São três partes, neste há link para as outras duas. [...] [...] Como você escreve seus arquivos – Excelente artigo sobre como escrever seus códigos. São três partes, neste há link para as outras duas. [...]

]]> Por: Prokopios http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-17654 Prokopios Thu, 06 Sep 2007 03:47:18 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-17654 Cool... Cool…

]]> Por: Erica http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-12724 Erica Tue, 10 Jul 2007 13:16:16 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-12724 Oi, Bruno, é a primeira vez que passo aqui. Achei seu site pelo Technorati. Gostei bastante! Sobre o post. Já fiz escrevi CSS/XHTML para alguns sites bem grandes, daqueles que tem um layout diferente para cada página (busca, login, fórum, profile). E o CSS que seria usado apenas em uma página específica ficava gigantesco. A solução era dividir os estilos em CSS separados, um para cada página (busca.css, login.css, forum.css). Aí eu fazia o que você disse: mantinha um CSS geral.css e um outro específico (no meu caso, um para cada página). Mas não chamava os dois arquivos na página. Como cada uma tinha um CSS diferente, chamava apenas o respectivo. Ex: na página de busca, chamava o busca.css, e assim por diante. Dentro do busca.css, eu colocava @import url(geral.css);. Também acontecia de haver uma série longa de estilos pertencentes a um "módulo" da página, como uma tabela de fórum, por exemplo. Era uma tabela com vários estilos, cores, fontes e background-image específicos, e que aparecia em várias páginas. Nesse caso específico, eu criei um arquivo CSS só com esses estilos, chamado forum.css. Daí, em todas as páginas em que essa tabela aparecia, eu simplesmente incluía @import url(forum.css);. Para sites pequenos, geralmente uso apenas um CSS. E, dentro dele, organizo mais ou menos como o Frango falou aí nos comentários: - Tags básicas (body, p, a, h1) - DIVs de estrutura (#master, #coluna1, #coluna2, #cabecalho, #rodape) - Classes específicas (ul#menu, p.rodape, div.box) Muito boa a discussão! Voltarei sempre. Oi, Bruno, é a primeira vez que passo aqui. Achei seu site pelo Technorati. Gostei bastante!

Sobre o post. Já fiz escrevi CSS/XHTML para alguns sites bem grandes, daqueles que tem um layout diferente para cada página (busca, login, fórum, profile). E o CSS que seria usado apenas em uma página específica ficava gigantesco. A solução era dividir os estilos em CSS separados, um para cada página (busca.css, login.css, forum.css).

Aí eu fazia o que você disse: mantinha um CSS geral.css e um outro específico (no meu caso, um para cada página). Mas não chamava os dois arquivos na página. Como cada uma tinha um CSS diferente, chamava apenas o respectivo. Ex: na página de busca, chamava o busca.css, e assim por diante. Dentro do busca.css, eu colocava @import url(geral.css);.

Também acontecia de haver uma série longa de estilos pertencentes a um “módulo” da página, como uma tabela de fórum, por exemplo. Era uma tabela com vários estilos, cores, fontes e background-image específicos, e que aparecia em várias páginas. Nesse caso específico, eu criei um arquivo CSS só com esses estilos, chamado forum.css. Daí, em todas as páginas em que essa tabela aparecia, eu simplesmente incluía @import url(forum.css);.

Para sites pequenos, geralmente uso apenas um CSS. E, dentro dele, organizo mais ou menos como o Frango falou aí nos comentários:

- Tags básicas (body, p, a, h1)
- DIVs de estrutura (#master, #coluna1, #coluna2, #cabecalho, #rodape)
- Classes específicas (ul#menu, p.rodape, div.box)

Muito boa a discussão! Voltarei sempre.

]]> Por: toscotilldeath http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-11873 toscotilldeath Fri, 29 Jun 2007 19:29:56 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-11873 Eu também organizo as propriedades dos meus CSS por ordem alfabética ;) acho que fica bem melhor estruturado o conteudo realmente, e depois de um tempo fica bem mais fácil de mexer no código CSS, pois por exemplo, color não ta no inicio num, e no final no outro, pois sei que sempre estará no início ;D Há também quem prefira organizar todas as informações de estilo no css por 'tema' por assim dizer. Como exemplo, ja vi estruturarem os estilos por cor, bordas, tamanhos e fontes. E assim vai :) Abraços cara! Eu também organizo as propriedades dos meus CSS por ordem alfabética ;) acho que fica bem melhor estruturado o conteudo realmente, e depois de um tempo fica bem mais fácil de mexer no código CSS, pois por exemplo, color não ta no inicio num, e no final no outro, pois sei que sempre estará no início ;D

Há também quem prefira organizar todas as informações de estilo no css por ‘tema’ por assim dizer. Como exemplo, ja vi estruturarem os estilos por cor, bordas, tamanhos e fontes. E assim vai :)

Abraços cara!

]]> Por: Santiago Carmo http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-10768 Santiago Carmo Sat, 16 Jun 2007 15:47:37 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-10768 E ai Bruno! Achei legal a série, grande parte do que você exemplificou eu já fazia, uma outra parte que eu achei interessante (não fazia, mas agora vou coemssar a estudar uma forma de fazer), é a forma compacta de escrever os css em uma linha, realmete interessante. Sobre a organização que vc postou nessa ultima parte eu faço de outra forma, eu organizo por seções do site, tipo: "coluna1" "coluna2" "rodape" etc. Organizar em ordem alfabetica, seria uma coisa que levaria um tempo para se acostumar, o que muitos profissionais as vezes não dispõem. Ótimo Artigo! Abraço! E ai Bruno!

Achei legal a série, grande parte do que você exemplificou eu já fazia, uma outra parte que eu achei interessante (não fazia, mas agora vou coemssar a estudar uma forma de fazer), é a forma compacta de escrever os css em uma linha, realmete interessante.

Sobre a organização que vc postou nessa ultima parte eu faço de outra forma, eu organizo por seções do site, tipo: “coluna1″ “coluna2″ “rodape” etc.

Organizar em ordem alfabetica, seria uma coisa que levaria um tempo para se acostumar, o que muitos profissionais as vezes não dispõem.

Ótimo Artigo!
Abraço!

]]> Por: Ricardo http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-10702 Ricardo Fri, 15 Jun 2007 20:37:39 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-10702 Aeeeeeeeeeee...... achei alguem que ordena as propriedades em ordem alfabética... pensei q era o unico... hehehe Eu também costumo tabular todos os valores das propriedades, alguem faz isso tb? ótimos artigos... abrasssss Aeeeeeeeeeee…… achei alguem que ordena as propriedades em ordem alfabética… pensei q era o unico… hehehe
Eu também costumo tabular todos os valores das propriedades, alguem faz isso tb?

ótimos artigos…

abrasssss

]]> Por: gabriel http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html/comment-page-1#comment-10015 gabriel Thu, 07 Jun 2007 19:04:07 +0000 http://www.brunodulcetti.com/blog/2007/05/30/como-voce-escreve-seus-arquivos-css-parte-3.html#comment-10015 ola gostei bastante da serie mas como o arthur disse podia colocar um exemplo em ordem alfabética neh Parabens!! ola gostei bastante da serie
mas como o arthur disse podia colocar um exemplo
em ordem alfabética neh

Parabens!!

]]>