792 Shares 7960 views

CSS: cor de fonte, estilo, teste padrão, tamanho

Programação – o espelho: no princípio era o verbo, e não refletida de volta. E muito rapidamente que tinha a "mudança": primeiro espelho, então a palavra … Neste ponto, cascata folha de estilo – é bom, mas por que tanto tempo que ia à mente um desenvolvedor? CSS – é todos os mesmos tempos de matriz da era de programas de computador, mas apenas em uma perspectiva diferente. Mesmo quando as massas se tornam revolução associativa não é feita.


página Web site – tags HTML-marcação, que pode ser atribuído a um determinado identificador de classe de estilo ou estilo. O primeiro pode ser definido uma vez e atribuir a tempo qualquer coisa muito necessária, ea segunda pertence a um elemento particular.

A lógica geral da descrição de estilos

Por tradição, o estilo é colocado no arquivo CSS, mas pode ser atribuído a um determinado elemento em seu atributo de estilo. O estilo pode ser criado na dinâmica de ferramentas JavaScript. De particular importância não é como descrito, por exemplo, por meio de cor CSS fonte, seu tamanho, o fone de ouvido, fundo debaixo dela e assim por diante. Descrição localização estilo é importante no contexto de, normalmente duas ideias: o descreveu mais tarde, por isso é uma prioridade mais alta, e se descreveu no elemento, ele faz importante !. Última registrado como é, define claramente a prioridade.

Aplicar o estilo, por exemplo, uma fonte de cor certa mudança de cor, pode ser em qualquer lugar e qualquer coisa. A questão é como reagir a ela em um navegador durante a desmontagem de todos os estilos juntos. Quanto ele gastar com este CPU?

Idealmente, cor de fonte deve ser indicado apenas uma vez – é um clássico. Pense fora de uma simples descrição de um casal, e depois outro e outro … é claro, você pode. Está na moda, mas prático.

lógica geral EXEMPLO

Muito simplesmente determinada pela cor CSS para todos os três elementos, é possível obter pelo menos três problemas de longa duração:

# Ele1, # Ele2, # Ele3 {
Position: absolute;
left: 20px;
superior: 14 px;
color: red;
}

# Ele2, # Ele3 {
left: 90px; // muda as coordenadas horizontais CSS
cor: amarelo; // muda a cor do CSS fonte
}

# Ele3 {
superior: 114px; // muda a CSS coordenada vertical

cor: verde; // mais uma vez mudar a cor do CSS fonte

background-color: lightgrey; // cor CSS destaque texto mudou, mas isso não está presente no # Ele1 e # Ele2; posição também mudou, mas mudou em # Ele2 e não, como aqui

}

Agora, temos de lembrar que todos estes três elementos é definido em algum lugar, e em caso de uma mudança de representações de cores do proprietário do site, o desenvolvedor terá que se lembrar não só sobre a cor, mas também sobre as regras e parte superior esquerda, e até mesmo para mudar a cor de realce do texto não deve ser esquecido.

Nem todos os desenvolvedores são reverenciados CSS exigência: Estilo ID – apenas um elemento, e o estilo de classe – muitas tags, além do último ponto possível nas tags como adjetivos:

  • definir a cor da fonte no CSS – classe groundColor estilo;
  • especificar o tamanho da fonte – size15 classe;
  • posição set – classe PlaceUp.

Naturalmente, a utilização de identificadores, especialmente quando eles pertencem ao mesmo elemento de marcação, as classes de estilo top dez, pintadas em várias combinações de centenas de elementos da página. Mas tudo tem sua própria lógica objetiva.

O desenvolvedor simplesmente deve tomar correctamente em consideração: mesmo se a cor da fonte de HTML, CSS oferece para descrever duro, a flexibilidade da estrutura global das descrições – que é o seu trabalho.

O resultado esperado usando a lógica comum

Os navegadores modernos são confortáveis com um monte de arquivos de estilo e volumes. No entanto, a concepção, em particular através do CSS, colorir a página inteira, você deve sempre pensar de suficiência razoável. Nem todas as regras de estilo visual "barato" na aplicação. Simples lacônica entrada: * {color: white;} – certamente bonito, mas aplica-se a todos os elementos da página, sem exceção.

De todas as regras, que está equipado com CSS, o mais importante:

  • estilo – classe, e em seguida, o nome começa com ""
  • estilo – identificador e seu nome começa com um caractere "#";
  • em outros casos – uma etiqueta de identificação ou algo especial

A parte restante da descrição em ideias Styles (propriedades de herança sobrepõem, prioridades, posição, ordem e semelhantes. D.) deve ser usado de maneira inteligente e estritamente necessário.

O navegador sempre sinto falta, não fazer na descrição, para que as surpresas especiais não. Se algo não estava no lugar certo ou definir a cor da fonte em CSS não é possível, portanto, no estilo do erro.

oportunidades inesperadas

não deve ser abusado estilos como * {left: 124px; } ou

ol ol, ol ul, ul ul, ol ul {margem de fundo: 0; }
um img {border: 0; }

Embora seja difícil fazer mesmo um desenvolvedor iniciante de usar regras CSS como elas são. Sempre no desenvolvimento de qualquer site, mesmo perfeitamente simples sintaxe CSS dá problemas inesperados. No entanto, se os esforços diretos para o uso correto da sintaxe, mas aplicar a funcionalidade de JavaScript novas e inesperadas oportunidades evitará monótono criar identificadores para cada elemento, ou para monitorar o uso da variedade de estilos e classes.

CSS – não é apenas um arquivo de estilo que está ligado à página através do link tag ou inserido através do tag estilo. Também é possível criar um estilo on the fly ou modificar um já existente.

Usando CSS, a cor da fonte pode ser feito por meio de programação. Bem como o tamanho e posição, as margens. Website – não é um objetivo de aplicar o conhecimento em CSS, HTML, PHP ou JavaScript flash de efeitos.

recurso da Web – é antes de todas as informações oferecidas em uma determinada maneira. É por isso que CSS é melhor visto na dinâmica através da lente de como é possível formar, enquanto que a página ainda está no servidor (não é PHP disponíveis no momento em que veio o visitante do site, não o desenvolvedor no momento em que ele estava desenvolvendo o site), a folha de estilo desejado um texto específico para conteúdo relevante, ou para criar uma classe de estilo ou identificador na mosca como a página está trabalhando, quando se olha para um visitante particular.

dinâmica estáticos

Nem sempre deve escrever sofisticada achado JavaScript-código para tornar o conteúdo dinâmico e seu projeto – um teor adequado. Às vezes é o suficiente para usar adequadamente as oportunidades disponíveis. Em particular, através da definição de CSS font color regra inicialmente estático, você pode esconder esta regra (oculto) e visualizar diferentes (visível).

Aqui, o orador não exige que o algoritmo:

// para destacar o botão de entrada no site
scfWelcomeOver função () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'visível' .;
}

// esconder o botão de entrada no site
funcionar scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'escondido' .;
}

CSS oferece própria dinâmica: tickers, elementos transparentes, várias modalidades sobreposições, exibe cores de desvanecimento. Em CSS, a cor da fonte pode ser feito ainda para que ninguém regra estilística não é fornecido.

exibir conteúdo dinâmico

Se não houvesse dogmas, talvez não haveria progresso. Só não o que era para lutar. Hypertext trouxe ao mundo uma grande quantidade de dogma. É hora de prestar atenção a eles e para começar a desenvolver sites em um estilo pragmático e prático.

Inicialmente, há uma página (P), alguns dos seus conteúdos (K), todas as tags da página são descritas na folha de estilo (S). Não uma nova página de formulário P via PHP ou Perl no servidor escolhendo K do banco de dados. Existente folha de estilo S seguirá automaticamente. No entanto, K pode ser alterada, e na maioria dos casos, uma tal mudança implicaria a necessidade de outros estilos, ou seja, S +.

Por exemplo, o cliente disse: "O site descreve a vida de Moscou, ficará melhor se as notícias são decorados no estilo de" ZaZavtrakom "descrevendo a agitação da noite no estilo de" Las Vegas 'e artigos sobre o progresso científico e tecnológico no estilo de' ModernTehno ' ". Mas se fizermos S em três destas opções, não há garantia de que o cliente não terá a idéia de ter um conjunto de artigos "News", "feriado", "trabalho», «CSS / HTML» bônus 'HozyaykeNaZametku'.

Outra abordagem mais prática. Independentemente da categoria do artigo, há sempre o conteúdo que pode ser pintado em uma determinada cor. Aqui neste lugar há muito uma ideia sensata: get específica K, ainda no servidor para gerar um S adequada, eo navegador irá exigir P, ele vai ter o conteúdo certo no espaço adequado.

estilo Dynamics de JavaScript

Mínima, embora solução muito eficaz – para fazer o styling diretamente no navegador do cliente. Primeiro, ele alivia o servidor – não terá que passar o tempo na formação de páginas de hipertexto e arquivos de estilo para ele.

Em segundo lugar, o desperdício natural do tempo dentro do navegador criará o efeito de que a página é ocupada por negócios e apoia activamente o diálogo com o visitante: ele ainda não ver o conteúdo em massa, portanto, ele gostaria de ter uma saída de informações consistentes e pensativo.

Em terceiro lugar, ele permite que o desenvolvedor para fornecer o mecanismo visitante do conteúdo deste estilo, em que ele é confortável. Não é nem ninguém.

Para implementar esta idéia, você precisa implementar um mecanismo para a criação de elementos de estilo imediatamente após a página é carregada, e no curso de sua operação. local moderno – é AJAX em uma forma particular. Não é difícil de realizar a formação de estilos diretamente no processo de formação da árvore página. É fácil, acessível e eficaz, porque o conteúdo é, juntamente com sua inscrição.

Isso não contradiz a tendência moderna de separar a apresentação de dados a partir do processamento realizado sobre os dados e deixando no visor.

CSS como um ingrediente activo

Hypertext trouxe muita coisa boa, mas apenas uma pequena fração da informação natural foi formalizada com sucesso, havia ferramentas e experiência na criação de HTML de alta qualidade, XML, documentos CSS. Não é um problema para formalizar os novos volumes de informação e mudança já feita anteriormente.

Com relação a CSS, este processo é ativado em um contexto completamente diferente. ferramentas embutidas em JavaScript, permitindo "on the fly" para criar elementos e estilos dos elementos não antecipar essa possibilidade, e os criadores do PHP, em particular, que se acredita estar envolvido na formação de apenas páginas HTML.

Tanto o primeiro como o segundo permite fazer estilos de programação. Esta nova direção no campo da tecnologia da informação. Estilos coisa consideravelmente mais formal do que o XML ou HTML, as regras são muito simples. Estilo está sempre presente na informação, não importa quão natural era.

programadores de banco de dados de registro estão empenhados sempre em um setor muito mais formalizados, mas tema CSS – uma tarefa muito simples, mas de alguma forma não entrar no campo de visão do processo de desenvolvimento.

No dogma no campo da programação

Como um iceberg, um dogma não pode longas extensões franzindo informações. A experiência do passado tinha de se concentrar não só em HTML- e CSS-padrões, ferramentas para trabalhar com eles, desenvolvedores de conhecimento.

Uma tarefa simples – para fazer através de CSS font color – encontrou a solução perfeita. Regras, sintaxe, lógica e conforto são indiscutíveis. Mas mesmo quando a fonte realmente não tenho um monte de cores para a prática, muito não é necessário, e de fato para os fins da realidade da virtualização não precisa de todos os acumulado "força» HTML e CSS, chega um momento em que o conhecimento situacional ir ao reproduzidos e exibidos experiência e as ferramentas de formação natural de estilos de conteúdo.

Como isso vai ser, pode não ser totalmente clara, mas que o processo já está em andamento, obviamente.