Existe um padrão de layout HTML com vários estilos CSS disponíveis?

Question

Quando se trata de web design, eu sou horrível em produzir qualquer coisa remotamente com boa aparência.Felizmente, há um monte de livre fontes para design modelos.No entanto, um problema com esses modelos é que eles cobrem uma única página, e não são muitos os casos de uso.Se você der uma olhada no O CSS Zen, eles tem 1 único arquivo HTML, e pode radicalmente de estilo de forma diferente, alterando apenas o ficheiro CSS.

Agora eu estou querendo saber se existe um padrão de layout HTML (tags e ids), que cobre um monte de casos de uso, e pode ser genericamente temáticos com diferentes arquivos CSS como o Jardim Zen.O que eu estou imaginando é um conjunto de regras de como você escrever o seu código html, e que as caixas de listas, menus e estilos que você deve usar.Um conjunto de páginas de teste cobrindo as várias utilizações podem ser criados, e um novo arquivo CSS ao mesmo tempo tem suporte para todas as páginas diferentes em uma vista agradável.

Há projetos que cobre qualquer coisa semelhante ao que eu estou descrevendo?

Answer 1

Eu usei Bluprint CSS, é útil e fácil de usar como você vai ver.Ele também tem alguns scripts do ruby que permite que você altere o número de colunas e a distância entre eles.Por padrão é 950px por um período de 24 elemento.

Answer 2

Confira o Grades quadro a partir de YUI.Particularmente impressionante é o Construtor De Grade.Além disso, eles têm um conjunto de reset, base, fonte e CSS que lhe dará uma boa base para construir.

Answer 3

Eu geralmente apenas tente seguir as diretrizes estabelecidas pelo padrão HTML em si.

• Cabeçalhos vá em "h" tags (assim, uma tag H1 para o título principal, uma ou mais tags H2 em que etc.).
• Texto livre fica agrupada em parágrafos P tags.
• Logicamente agrupados seções de informações vá em tags DIV.
• Qualquer tipo de lista (até mesmo menus que você eventualmente pode querer horizontalmente dispostas) pertencem a lista de tags como UL, OL ou DL.
• Tabelas de informações de ir na TABELA de tags.NÃO use a tabela de tags para layout.
• Ser inteligente com o seu ID e atributos de CLASSE.Manter Identificações únicas e atribuir-lhes os elementos que você sabe que representam algo único na página, como um menu de navegação ou um rodapé de página.Atribuir a mesma classe de elementos que se repetem, mas semelhantes (que você pode querer processar com um estilo visual semelhante).

Eu sempre começar com um muito simples, de página vertical - basta executar tudo o que eu quero descer a página em preto-e-branco.Então eu comece a adicionar o CSS para certificar-se de que os bits são formatados e dispostas de maneira que eu quero.

Tomar um olhar para a fonte da minha página inicial para um exemplo do que eu estou falando.

Answer 4

BluePrintCSS foi, pelo que sei, o primeiro framework CSS.Como YUI CSS Framework, É ajudá-lo a lidar layout.

Que tipo de quadro vai ajudar você a construir mais de CSS para o seu site.

BluePrintCSS é bastante maduro projeto, por isso eu recomendo que você confira.