Explicação detalhada do código CSS do espaço Baidu

Nome do espaço e área de introdução

#header - parte principal - toda a parte do título do cabeçalho do espaço
#header div.lc ——Imagem de fundo no canto superior esquerdo da página inicial
#header div.rc —— Imagem de fundo no canto superior direito da página inicial
#header div.tit - nome do espaço, título principal, tamanho e cor do nome
#header div.tit a.titlink - link do nome do espaço, não clicado
#header div.tit a.titlink:visited——O link que foi visitado
#header div.desc - Introdução ao espaço, ou seja, legenda, posição, tamanho, cor

da barra de navegação
#tabline - a linha horizontal abaixo do menu, que é o separador, usada para separá-lo do nome do espaço
#tab - Corpo principal da barra do menu de navegação - Imagem de fundo da barra "Home Blog | Álbum..." no topo da página
#tab a.on,#tab a.on:link,#tab a.on:visited - estado selecionado, ou seja, "link da barra de navegação", tamanho, cor + fundo
#tab span - O separador "|" entre os itens da barra de navegação
#tab a:link ——TAB Cor do link da coluna "Blog|Álbum...", não clicado
#tab a:visited——"Blog|Álbum..." foi visitado link
#tab2 ——(Opções básicas | Configurações do modelo | Configurações avançadas | Estatísticas de acesso) As propriedades do corpo do menu desta linha
#tab2 span ——Estado selecionado pela TAB
#tab2 a——Estado não selecionado da TAB
#tab2 a:link

área de conteúdo

que foi visitada

.stage – todas as partes do corpo da página (abaixo da barra de navegação)

e outras áreas (ou seja, informações como o número de visitas)
#comm_info A parte principal – a cor e a posição de “Pessoas visitaram este espaço” em “Outros”
#comm_info div.line – Configurações relacionadas à linha divisória rosa em “Pessoas visitaram este espaço”
#comm_info a - "O que é RSS?"
#comm_info a:hover - efeito de foco
#comm_info.mod – título da área
#m_comm_info.modbox——Outros módulos de área
#pvshow——Fonte do número de visita #m_comm_info div a——

Área do número da página

#page —— posição do tamanho da altura do corpo
#page span —— Número da página atual (não clicável)
#page a.pc—— A página anterior e a próxima não foram clicadas
#page a.pc:visited—— foi clicada
#page a.pi - número da página (clicável)

área do módulo de

que foi visitada

.mod - título do módulo, espaçamento superior e inferior
.modhandle{cursor:mover}
.modth - a distância entre o corpo da barra de título do módulo e o texto
.modhead - a localização da área de título do módulo
.modopt - área de operação do módulo (como escrever um novo artigo), espaçamento
.modtit - o tamanho e a cor da área de título do módulo (como lista de artigos, arquivos pessoais)
.modtitlink – link do título do módulo
.modact - Links de texto de operação, links "Modificar perfil", - Configurações relacionadas de tamanho e cor para "Editar" e outros links no canto superior direito.
.modbox - cor de fundo principal da área de conteúdo do módulo, etc.
a.modact:link - cor do link "Modificar perfil"
a.modactlink:visited - um link que foi visitado
.modtl ——Módulo canto superior esquerdo fundo da imagem da borda suburbana, primeira coluna, coluna vazia
.modtc —— A imagem de fundo no módulo, a segunda e a terceira colunas, arquivos pessoais, modificam informações pessoais
.modtr - fundo da imagem de fundo no canto superior direito do módulo, quarta coluna, coluna vazia
.modbl - fundo da imagem de fundo no canto inferior esquerdo do módulo
.modbc —— Uma imagem de fundo na parte inferior e inferior do módulo
.modbr ——Área

do artigo

#m_blog div.tit – título do artigo
#m_blog div.tit a - link do título do artigo, tamanho e cor, não clicado
#m_blog div.tit a:visited - Tamanho e cor do título do artigo para links visitados
#m_blog div.date – data de publicação do artigo, tamanho e cor do texto
#m_blog div.cnt—— Tamanho e cor do conteúdo do artigo
#m_blog div.mais ——“Leia mais>>”
#m_blog div.more a ——O tamanho e a cor de "Ler texto completo>>", não clicado
#m_blog div.more a:visited - O tamanho e a cor de "Leia mais>>" para links visitados
#m_blog div.opt - área de operação do artigo (como o tamanho da cor de "Editar", etc.)
#m_blog div.opt a —— Tamanho e cor do link de operação do artigo
#m_blog div.opt a:visited - "Editar Excluir comentários (4) Visualizar (21)" Links que foram visitados
#m_blog div.line - configurações relacionadas à barra separadora
#m_blog div.none - sem informações de prompt de artigo, configurações invisíveis, sem necessidade de alterar

a área de perfil pessoal
#mod_profile.modtit – título do perfil da página inicial
#m_pro a - Cor de "ver detalhes" no perfil, não clicado
#m_pro a:hover —— efeito de foco
#m_pro a:visited - link "Ver detalhes" no perfil que foi visitado
#m_pro div.image - Posição de exibição do avatar pessoal no perfil pessoal, dividido em "centro, esquerda, direita"
#m_pro div.act – área de atuação – espaçamento entre apresentação pessoal e avatar
#m_pro div.user – tamanho e cor do nome de usuário pessoal
#m_pro div.desc – tamanho e cor do perfil pessoal
#m_pro div.line—— linha divisória
#m_pro td
#m_pro .photo——O fundo da foto (este item não pode ser visualizado abaixo)
#m_pro .photo td——Adicione como amigo e envie mensagem com "|"
#m_pro .foto .imagem
#m_pro .photo .line - sublinhado do avatar
#m_pro.ref
#m_pro .ref .tit - de "nome de usuário" para "círculo"
#m_pro.ref.cnt
#m_pro .basic td —— Nome de usuário para visualizar a lista de espera do usuário no Baidu
#m_pro .basic .tit
#m_pro .basic a:hover —— Link de data da província masculina, o link sobre o qual o mouse está passando, não foi clicado
#m_pro .basic a.nlk:hover——"Discurso de Tieba" "Saiba a resposta"
#m_pro .pline —— linha divisória intermediária
#m_pro .pitem——altura da fonte
#m_pro .pitem .tit - escolas que frequentei etc.

área do link do álbum

onde o mouse está pairando

#m_album div.image - Posição de exibição das fotos no álbum, dividida em "centro, esquerda, direita"
#m_album div.page - "Página anterior" >> "Próxima página"
#m_album div.page a ——A "próxima página" da "página anterior" não foi clicada
#m_album div.page a:visited - Links para a "próxima página" da "página anterior" que foram visitadas
#m_album div.image——Área de visualização do álbum
#m_album a img - link da imagem
#m_album a:hover img —— efeito de foco de imagem
#cbut——Botão de operação do álbum
#cbut a img{border:0px;filter:alpha(enabled=0)} ——Área

de link amigável para

#m_links div.item - subitem - cor e tamanho da fonte em links amigáveis
#m_links div.item a - nome (link) - tamanho e cor da fonte no link amigável, não clicado
#m_links div.item a:visited - O tamanho e a cor da fonte no link amigável, que foi clicado
#m_links div.line -

módulo personalizado de linha divisória 1-4
#m_mylink1-4 div.item —— o conteúdo da "descrição"
#m_mylink1-4 div.item a —— Nome do link do título
#m_mylink1-4 div.item a:visited——Título nome do link foi visitado link
#m_mylink1-4 div.line - linha divisória

da área de classificação de artigos
#m_artclg div.item ——Subitem——O número de tópicos atrás de cada categoria na categoria do artigo e o tamanho e a cor dos colchetes
#m_artclg div.item a ——Nome da categoria (link) ——O tamanho e a cor de cada categoria na categoria do artigo, não clicada
#m_artclg div.item a:visited - links que foram visitados em cada categoria da categoria do artigo
#m_artclg div.line - linha divisória - configurações relacionadas de separadores entre categorias em categorias de artigos,

área de comentários mais recentes
#m_comment div.item - subitem - o tamanho e a cor do nome de usuário no último comentário, que não foi clicado
#m_comment div.item a - O tamanho e a cor do nome de usuário no último comentário, que não foi clicado
#m_comment div.item a:visited - o tamanho e a cor do nome de usuário no último comentário, que foi clicado
#m_comment div.item a.cnt - o tamanho e a cor do texto do comentário no último comentário, que não foi clicado
#m_comment div.item a.cnt:visited - O tamanho e a cor do texto do comentário nos últimos comentários dos links visitados
#m_comment div.item a.cnt:hover - o link que o mouse passa sobre o texto do comentário no último comentário

Lista do álbum

com configurações relacionadas para dividir linhas entre comentários nos comentários mais recentes

#m_albumlist——Fundo da área do álbum da primeira camada
#m_albumlist div.none —— Nenhuma informação de solicitação de foto
#m_albumlist a img——imagem pequena da capa do álbum
#m_albumlist a:hover img——Efeito de passagem do mouse
#m_albumlist div.line - linha divisória
#m_albumlist div.tit——Título do álbum
#m_albumlist div.tit a
#m_albumlist div.tit a:hover —— efeito de foco
#m_albumlist span.count – número de fotos
#m_albumlist a.act —— Link da área de operação, como editar e excluir
#m_albumlist a.act:hover——Efeito de passar o mouse
#m_albumlist div.note——A área da imagem da segunda camada do álbum
#m_albumlist div.desc——Introdução ao álbum
#m_albumlist span.size - tamanho da foto
#m_albumlist #page ——Número da página atual
#m_albumlist #page a - outros números de página
#m_albumlist #page a:hover——Efeito de passar o mouse
#imagee a img——A área da imagem da terceira camada
#m_albumlist div.phimg a img - imagem
#m_albumlist div.phimg a:hover img ——estilo de foco do botão de imagem
#m_albumlist div.pinfo —— Informações da imagem
#m_albumlist div.phpage——Área para botões de operação
#m_albumlist div.phpage a img —— Botão de ação
#m_albumlist div.phpage a:hover img —— Botão de ação

lista de amigos

#m_friend div.filtro
#m_friend div.catálogo
#m_friend a img—— Avatar do amigo
#m_friend a:hover img —— efeito de foco
#m_friend div.usuário
#m_friend div.user a - Nome do amigo (link), não clicado
#m_friend div.user a:hover —— efeito de foco
#m_friend div.user a img —— Imagem do botão de ação
#m_friend div.user a:hover img —— Imagem do botão de ação
#m_friend div.user a:visited - um link que foi visitado
#m_friend div.line - definição de linha divisória

, estatísticas de acesso, configurações de modelo
#m_setting a - link {cor:#3399CC}
#m_setting a:hover - efeito de foco
#m_setting a:visited - configurações de cores, links visitados
#m_setting - a configuração da cor do corpo foi clicada
#m_setting img.sel ——Visualização do modelo (estado selecionado) {border:4px solid #FFDB7B}
#m_setting img.unsel – Visualização do modelo (estado não selecionado)
#m_setting span.tit - Nome do título do modelo
#m_setting span.usr - nome do autor
#m_setting div.sel - texto "Modelo atual"
#m_setting div.line -

anúncio do sistema

#m_sysinfo a - configuração da cor do link, não clicado
#m_sysinfo a:visited - configurações de cores, links visitados
#m_sysinfo – tamanho da cor do corpo
#m_sysinfo span.new – tamanho de cor mais recente
#m_sysinfo span.date -

Opções básicas

#m_setbase – tamanho da cor do corpo principal
#m_setbase td —— Tamanho da cor
#m_setbase div.line—— linha divisória
#spSpaceName – nome do espaço
#spSpaceDescri – Introdução ao Espaço
#spConfigDispNum – Exibe artigos por página
#spConfigDispMod – exibição do artigo
#spDateMod – formato de hora
#btn_submit – Salva

comentários do usuário

#in_comment ——largura do corpo
#in_comment div.tit ——Configurações como cor e tamanho do título
#in_comment div.user – Nome do pôster, número de série, cor e tamanho da linha e outras configurações
#in_comment div.user a - o tamanho da cor da pessoa que postou o nome (link) que não foi clicado
#in_comment div.user a:visited – Links que foram visitados
#in_comment div.user span.date —— Tamanho da cor da hora de publicação
#in_comment div.desc —— Cor e tamanho do conteúdo do comentário
#in_comment div.line - configuração do separador

arquivo

de comentários de postagem (título)

#m_filed div.item - configurações de tamanho de cor do tema
#m_filed div.item a - Configuração de tamanho de cor não clicada
#m_filed div.item a:visited - um link que foi visitado
#m_filed div.line – linha divisória

de visitantes recentes
#m_track a ——Cor e tamanho da fonte do ID do visitante
#m_track a:hover - o link onde o mouse passa sobre o ID
#m_track a img - efeito de filtro do avatar do visitante, outros efeitos de filtro {filter:invert}, {filter:xray}
#m_track a:hover img ——O efeito de passar o mouse no avatar do visitante na

pesquisa do Baidu
#m_search——Área de pesquisa do Baidu
#m_search input.text - "Internet" e outras configurações de fonte
#m_search input.radio - "Internet" e outras configurações de fundo
#m_search input.submit - Configurações de "Pesquisa Baidu"
#mod_search.mod{background:url() no-repeat 0% 0%} ——Título de pesquisa do Baidu
#m_search input.text——Caixa de entrada
#m_search label——área da caixa de seleção
#m_search input.radio —— O círculo na frente da caixa de seleção
#m_search input.submit ——

Painel de mensagens

#mod_board.mod——Módulo de quadro de mensagens
#mod_board table.modth —— Se os 6 itens a seguir não forem definidos, o estilo do módulo geral será herdado.
#mod_board td.modtl
#mod_boarddiv.modhead
#mod_board span.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor —— Caixa de entrada do nome da mensagem
input.#spBCmtURL —— Caixa de entrada do URL da mensagem
#spBCmtText —— Caixa de entrada de mensagem
#vercode input —— Caixa de entrada do código de verificação
#in_send entrada td.f14 —— Botão de mensagem
#in_msg div——Área de mensagem
#in_msg a——Link da área de mensagens
#in_msg a:hover —— efeito de foco
#in_msg div.tit——Título da mensagem do internauta
#in_msg table.item——Título da mensagem do internauta
#in_msg td.index——Número de série da mensagem
#in_msg div.user —— Usuário da mensagem
#in_msg div.user a img——avatar do usuário
#in_msg div.user a:hover img —— efeito de foco
#in_msg td.cnt —— Hora da mensagem
#in_msg div.desc——Conteúdo da mensagem
#in_msg div.line - linha divisória

da minha coleção
#m_cang div.item —— Configuração do tamanho da cor do corpo principal
#m_cang div.item a——Configuração de tamanho de cor não clicada
#m_cang div.item a:hover —— efeito de foco
#m_cang div.item a:visited——O link que foi visitado
#m_cang div.line -

histograma da linha

.stat td{line-height:22px;color:#333333;font-size:14px}/*Fontes como visitas cumulativas*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*A linha esquerda no gráfico de barras*/
.chart div.bar,.chart div.barhl{posição:absoluto;plano de fundo:#DCDCF4;borda:1px sólido #B3B3DC;altura da linha:0}/*cor da coluna da linhacor inferior*/
.chart div.barhl{background:#C2C2F4}/*Efeito de foco da coluna de linha*/
.chart div.liney{posição:absoluta;border-top:1px pontilhada #B9B9B9;line-height:0}/*linha separadora*/
.chart div.titx,.chart div.titxhl,.chart div.tity{posição:absoluto;cor:#666;tamanho da fonte:9px;família da fonte:Arial;texto -align:center;espaço em branco:nowrap }/*Números de coordenadas*/
.chart div.titxhl{color:#FF0000}/*Cor da fonte inicial do mês*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*Efeito de estatísticas de acesso flutuante da coluna de linha*/
.chart div.tity{text-align:right}
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}/*A seguir estão as configurações de análise*/
.stattop{float:esquerda;margem superior:20px;margem direita:14px;preenchimento:10px;largura:199px!importante;largura:220px;borda:1px sólido #CDCDCD}
.stattop .list{margem-top:6px}
.stattop .list td{altura:20px}

calendário
#mod_cals .modbox - módulo de calendário
#cals —— plano de fundo principal do calendário, borda
#mod_cals .modbox td - configurações de cor da fonte
#m_cals——Definir a cor de fundo do módulo
#m_cals div——Configurações de fundo
#cals .cal_body,#cals .cal_mth —— Parte da data, exceto controlador de ano e mês, incluindo semana e data geral
Tabela #cals .cal_yr —— Tabela de ano e mês
#cals .cal_yr td——*ano, célula do mês
#cals .cal_yr .cal_pre - Seta do mês anterior (normal)
#cals .cal_yr .cal_nxt - seta do próximo mês (normal)
#cals .cal_yr .cal_pre_ovr - Seta do mês anterior (passar o mouse)
#cals .cal_yr .cal_nxt_ovr - seta do próximo mês (passar o mouse)

artigos mais recentes de amigos
#mod_friblog .modbox —— Módulo para artigos mais recentes de amigos
#m_friblog div.item —— Configuração do tamanho da cor do corpo principal do nome do amigo
#m_friblog div.item a——Configuração do tamanho da cor do nome do amigo que não foi clicado
#m_friblog div.item a:visited - link onde o nome do amigo foi visitado
#m_friblog div.item a.cnt —— Tamanho da cor do conteúdo do artigo
#m_friblog div.item a.cnt:visited - link para o conteúdo do artigo que foi visitado
#m_friblog div.item a.cnt:hover —— Efeito de foco do conteúdo do artigo
#m_friblog div.line - linha divisória
#m_friblog a img——Efeito de filtro do avatar de um amigo, outros efeitos de filtro
#m_friblog a:hover img - efeito de passar o mouse sobre o avatar do amigo