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


Atributos, funções e parâmetros CSS

Publicado em: 2006-07-26 — 17.451 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.

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

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique o livro para detalhes.



capa livro javascript   capa livro html   capa livro css   capa livro jquery
capa livro ajax-jquery   capa livro html5   capa livro css3   capa livro jQuery Mobile

Enquete

Esta matéria foi publicada em: 2006-07-26 (quarta-feira). 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.

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

  1. Lucas AlvesNo Gravatar 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. MicoxNo Gravatar 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 EduardoNo Gravatar 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. MaujorNo Gravatar 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. CrisNo Gravatar 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 NettoNo Gravatar 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. JoaresNo Gravatar disse:

    hehehe… curti essa… hehehe…

  8. Sandro OliveiraNo Gravatar 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 BemNo Gravatar 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 )No Gravatar disse:

    Mea culpa, mea culpa, mea maxima culpa

  11. Fabio BotelhoNo Gravatar disse:

    AHAHAHAHA !!!

    que vergonha…

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

    decepção…

  12. João Paulo FechineNo Gravatar disse:

    Hhehehe,.. bem colocado!

  13. Luis Augusto VulcanisNo Gravatar 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!

  14. Feira LíderNo Gravatar disse:

    Muito bom parabens

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

Switch to our mobile site