Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Página interativa – Entendendo seletores CSS

Publicado em: 2006-11-15 — 24.395 visualizacoes         

Logo PHP

Publiquei em 10/nov/2006 no meu site, versões em português e em inglês de uma página interativa, para estudo de seletores.

“Seletores estão entre as primeiras coisas que você aprende quando começa a estudar CSS.

Sem dúvida os seletores fazem parte dos assuntos fundamentais das CSS, contudo poucos desenvolvedores sabem tirar proveito de todo o seu potencial. Ainda que você possa fazer muitas estilizações com os seletores do tipo ID e os seletores de classes, há muito mais a fazer com seletores.
O conhecimento de como usar adequadamente todas as variantes de seletores disponíveis em CSS 2.1 irá ajudá-lo na tarefa de manter seu HTML bem mais claro.”

Desenvolvi uma página em PHP para você praticar seletores CSS2.1. Em 09/nov/2006, John Gallant (Big John) desenvolvedor do site P.I.E. escreveu um artigo sobre seletores e citou a versão inglesa que desenvolvi. Tal versão mereceu também uma citação no site CSS Beauty.

Face a grande aceitação de ambas as versões, atestada pelos logs de acesso ao meu site, resolvi anunciar este lançamento aqui no Blog, apesar de já ter anunciado no site. Este anúncio tem a finalidade de abrir a área de comentários do Blog, com a finalidade de recolher feedback e sugestões sobre a página interativa.
Nos documentos interativos criei links para comentários aqui. Seu comentário será bem-vindo na área abaixo.

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro jQuery   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro html5   capa livro css3   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro RWD   capa livro foundation   capa livro HTML5 e CSS3   capa livro Bootstrap3   capa livro Sass e Compass

Esta matéria foi publicada em: 2006-11-15 (quarta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/11/15/pagina-interativa-entendendo-seletores-css/trackback no seu site.

8 comentários na matéria: “Página interativa – Entendendo seletores CSS”

  1. JamesNo Gravatar disse:

    Grande Maujor,

    Já adquiri uma penca de livros seus, o último foi o de CSS3, seu site e sua didática são ótimas, a página interativa nem se fala.

    Abraços e sucesso.

  2. miriamNo Gravatar disse:

    ola!

    eu fiz um exercicio com seletores, id, class, etc.
    o problema é q ue no resultado, as palavras dentro dos seletores tem muito espaço com respeito as outras. Vc sabe o que pode ser? obrigada

  3. Sergio Mendes AguilaNo Gravatar disse:

    Ola! Encontrei o seu site quando buscava tutoriais sobre CSS. Sou um diretor de arte com experiencia em material impresso, e agora estou começando a trabalhar com web. Quero te agradecer pelo excelente material do site, está bem acessível e tem me ajudado muito a aprender css.Obrigado!

  4. Luiz GermanoNo Gravatar disse:

    Parabens pelo site!!
    O conteúdo é excelente, os textos são precisos e a didática está perfeita.

  5. RenataNo Gravatar disse:

    Suas páginas têm me ajudado e muito a dirimir minhas dúvidas.
    Gostaria que você postasse um artigo explicando como colocar dentro de um parágrafo vários links diferentes.

    Agradeço.

  6. BRAYDENNo Gravatar disse:

    Hi!
    Impressive webpage! I like it a lot! I’m looking forward to the next update…

  7. danilowNo Gravatar disse:

    Já tinha visto pelo site!
    Os iniciantes, quando encontrarem essa página vão se deliciar!!
    Gostei muito da idéia. :p

  8. Exper AguiarNo Gravatar disse:

    Muito bom, altamente intuitivo, lembra uma apostila de cursinho pré-vestibular versão web. eu bem que queria algo assim quando comecei. ^^

Comentário:





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

Subscribe without commenting

topo