(1) Regras de nomenclatura CSS comumente usadas
Cabeçalho: cabeçalho
Conteúdo: conteúdo/contêiner
Cauda: rodapé
Navegação: navegação
Barra lateral: barra lateral
Coluna: coluna
Largura geral do layout do controle periférico da página: wrapper
centro esquerdo direito: centro esquerdo direito
Barra de login: barra de login
Logotipo: logotipo
Anúncio: bandeira
Corpo da página: principal
Ponto de acesso: quente
Notícias: notícias
Baixar: baixar
Subnavegação: subnavegação
Cardápio: cardápio
Submenu: submenu
Pesquisa: pesquisa
Link amigável: link amigo
Rodapé: rodapé
Direitos autorais: direitos autorais
rolar: rolar
Conteúdo: conteúdo
Página de tags: guia
Lista de artigos: lista
Mensagem de alerta: msg
Dicas: dicas
Título da coluna: título
Participe: junte-se
Guia: guilda
Serviço: serviço
Cadastre-se: cadastre-se
Estado: estado
Votação:votação
Parceiro: parceiro
(2) Como escrever comentários:
/* Rodapé */
área de conteúdo
/* Fim do rodapé */
(3) Nomenclatura do id:
(1)Estrutura da página
recipiente: recipiente
Cabeçalho: cabeçalho
Conteúdo: conteúdo/contêiner
Corpo da página: principal
Rodapé: rodapé
Navegação: navegação
Barra lateral: barra lateral
Coluna: coluna
Largura geral do layout do controle periférico da página: wrapper
centro esquerdo direito: centro esquerdo direito
(2) Navegação
Navegação: navegação
Navegação principal: mainbav
Subnavegação: subnavegação
Navegação superior: topnav
Navegação lateral: barra lateral
Navegação à esquerda: barra lateral esquerda
Navegação direita: barra lateral direita
Cardápio: cardápio
Submenu: submenu
título: título
resumo: resumo
(3)Função
Logotipo: logotipo
Anúncio: bandeira
Entrar: entrar
Barra de login: barra de login
Cadastre-se: cadastre-se
Pesquisa: pesquisa
Fita: loja
Título: título
Participe: junte-se
Estado: estado
Botão: btn
rolar: rolar
Página de tags: guia
Lista de artigos: lista
Mensagem de alerta: msg
atual: atual
Dicas: dicas
ícone: ícone
Nota: nota
Guia: guilda
Serviço: serviço
Ponto de acesso: quente
Notícias: notícias
Baixar: baixar
Votar:votar
Parceiro: parceiro
Links amigáveis: link
Direitos autorais: direitos autorais
(4) Nomenclatura de classe:
(1) Cor: Use o nome ou código hexadecimal da cor, como
.vermelho {cor: vermelho};
.f60 { cor: #f60 }
.ff8600 { cor: #ff8600 }
(2) Tamanho da fonte, use diretamente "fonte + tamanho da fonte" como nome, como
.font12px { tamanho da fonte: 12px };
.font9pt {tamanho da fonte: 9pt };
(3) Estilo de alinhamento, use o nome em inglês do alvo de alinhamento, como
.esquerda { float:esquerda }
.bottom { float: fundo }
(4) Estilo da barra de título, nomeado usando "categoria + função", como
.barnews { }
.barproduto { }
Observação::
1. Sempre em letras minúsculas;
2. Use o inglês tanto quanto possível;
3. Não adicione travessões e sublinhados;
4. Tente não abreviar palavras, a menos que sejam palavras fáceis de entender à primeira vista.
mestre principal.css
módulomódulo.css
Base.css compartilhada básica
Layout, layout layout.css
temas temas.css
colunascolumns.css
fonte de texto.css
formulários.css
patchmend.css
imprimirimprimir.css
O autor, por favor, entre em contato com este site e inclua seu nome imediatamente. E-mail de contato: edu#chinaz.com (alterar # para @).