Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


Atributos, funções e parâmetros CSS

Publicado em: 2006-07-26 — 9,065 visualizacoes

Historinha 1:

Em uma aula de português o professor escreveu uma definição para ditongo conforme mostrado a seguir:

Dirtongo é a reuniaum de duas ou mais vogais pronunçiadas de uma só vêiz. Uma destas vogais soa mais curta ou mais fraka que a outra e se chama-se cemivogal.

A definição está rigorosamente correta, mas o “prufessor” cometeu 6 erros de português. Escreveu certo de maneira errada.

…como você classificaria este professor?






Chegou mais perto quem marcou a última opção, embora as outras não estejam erradas. O cara que escreveu a frase, pode ser tudo na vida, menos professor de português.

Historinha 2:

Em uma lista de discussão sobre web standards o desenvolvedor escreveu o seguinte:

A regra CSS margin:0; é muito usada para estilizar o parâmetro BODY. Aqui o uso do atributo CSS margin, que normalmente aparece logo no início de uma folha de estilos define um parâmetro zero para as margens do documento. Na folha de estilos deverá ser declarada a função CSS: body { margin:0;}.

A definição está rigorosamente correta, mas o desenvolvedor cometeu 5 erros de sintaxe CSS. Escreveu certo de maneira errada.

…como você classificaria este desenvolvedor?






Chegou mais perto quem marcou a última opção, embora as outras não estejam erradas. O cara que escreveu a frase, pode ser tudo na vida, menos desenvolvedor web standards.


O emprego equivocado da terminologia CSS é muito mais comum do que se possa imaginar. E não são somente os recém chegados às CSS que cometem estes tipos de erros.
A terminologia CSS compreende apenas 5 termos, repito, 5 termos. É uma lástima a quantidade de erros que se comente por desconhecimento do significado de 5 termos, repito, 5 termos somente.

Não existe atributo CSS, função CSS, comando CSS, parâmetro CSS, tag CSS, elemento CSS, e tantas outras besteiras que se escreve por aí

A Recomendação do W3C define claramente que uma regra CSS é composta de um seletor e uma declaração e que a declaração compreende uma propriedade e um valor.

Na regra CSS a seguir:

H1 {color: blue}

a terminologia correta é:

  • H1 {color: blue} - regra CSS;
  • H1 - seletor;
  • {color: blue} - declaração;
  • color: blue - declaração;
  • color - propriedade;
  • blue - valor.

Estes são os 5 termos, repito, 5 termos normatizados de uma regra CSS e ponto final. Não existe “atributo CSS” ou “tag CSS” ou “elemento CSS” ou “função CSS” ou tantos outros equivocadamente escritos.

E a frase acima escrita erroneamente deve ser corrigida para:

A declaração CSS margin:0; é muito usada para estilizar o seletor BODY. Aqui o uso da propriedade CSS margin, que normalmente aparece logo no início de uma folha de estilos define um valor zero para as margens do documento. Na folha de estilos deverá ser declarada a regra CSS: body { margin:0;}.

Ao escrever seu próximo post em fórum, comentário em blog, em lista de discussão e principalmente um artigo, tutorial ou matéria sobre web standards, empregue a terminologia CSS correta. Escrever atributo no lugar de propriedade está errado e no mínimo demonstra um conhecimento primário das web standards.

1 Star2 Stars3 Stars4 Stars5 Stars (Post ainda não avaliado)
Loading ... Loading ...

----------------x-x-x---------------    fim da matéria    ---------------x-x-x---------------

Construindo sites com CSS e (X)HTML

Esta matéria foi publicada em: 2006-07-26 (Wednesday). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/07/26/atributos-funcoes-parametros-css/trackback no seu site.



13 comentários na matéria: “Atributos, funções e parâmetros CSS”

  1. Lucas Alves disse:

    Caramba eim Maujor….você andou lendo um bocado de posts, artigos que lhe deixaram bem chateado hehehehe, mas o post ta valendo :)

    Abraços

  2. Micox disse:

    hhehae. Ótimo post.
    Espero que eu não tenha cometido estes erros. hehhe

    Aliás maujor, em “{color: blue} - declaração;” a declaração não seria apenas o “color:blue;” (sem as chaves)?

  3. Carlos Eduardo disse:

    Eu admito que às vezes me confundo e acabo usando os termos errados… Mas agora, depois desse “puxão de orelha”, não esqueço mais! =)

  4. Maujor disse:

    @Lucas
    Nesta altura da vida eu não me chateio por tão pouco :-)
    Em qualquer profissão é básico o emprego da terminologia correta, daí o exemplo inicial do “prufessor” que poderia ser com um “inginheiro”, um “médicu” etc.
    @Micox
    Você tem razão. Grato por apontar o descuido. Correção feita.
    @Carlos Eduardo
    Vamos encarar como um alerta e não “puxão de orelha”

  5. Cris disse:

    Mas atributo e propriedade não diferem muito. Apenas a terminologia utilizada pela W3C cita sempre propriedade.

    Ou não?

    Já função, comando, parâmetro e tag fogem bastante do conceito. Isso acontece com todo mundo que está aprendendo.

    Parabéns pelo site e pelo blog.

  6. Osny Santos Netto disse:

    Quanta besteira numa só frase, mais confesso que erros como esses são cometidos até mesmo por pessoas que tem um certo conhecimento em Web Standards.
    Gostei da matéria, diferente.

  7. Joares disse:

    hehehe… curti essa… hehehe…

  8. Sandro Oliveira disse:

    Boa Maujor.

    As vezes confundo essas terminologias, mas quem não confunde né.

    O interessante é que temos que nos precaver de erros como esses acontecerem na hora de levar a idéia ao cliente…

  9. Areta do Bem disse:

    Poxa, eu então devo ter errado muito nessa minha pequena caminhada…

    Acho corretíssimo seu post sobre esses assuntos!

    Todo profissional deve estar receptivo ao feedbacks, e usá-los para galgar a perfeição.

    Valeu Maujor, obrigada!

  10. Wladmyr Martins ( Tio_Wlad ) disse:

    Mea culpa, mea culpa, mea maxima culpa

  11. Fabio Botelho disse:

    AHAHAHAHA !!!

    que vergonha…

    imagina só !! Uma pessoa dessas… ensinando ainda !!!!

    decepção…

  12. João Paulo Fechine disse:

    Hhehehe,.. bem colocado!

  13. Luis Augusto Vulcanis disse:

    Achei ótima a matéria, com certeza ja devo ter cometido este tipo de erro e é muito bom ter um suporte deste tipo, principalmente quando se ensina os outros.

    Valeu Mesmo!

Comentário:






Subscrição de comentários sem comentar

Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Voltar ao topo

PR Tool


ir topo