O CSS pode ser um complicado e fácil de aprender. A sintaxe em si é fácil, mas alguns conceitos podem ser difíceis de entender. É super importante entender, porque a reputação do seu site depende parcialmente, pois é a espinha dorsal do seu web design.
Este artigo apresenta 20 excelentes sites para ajudá -lo a “Grok” CSS. Há uma ampla gama de sites incluídos-de blogs a listas e sites de estilo de diretório que se concentram em um tópico específico relacionado ao CSS.
1. Uma lista de tópicos CSS
Uma lista à parte, o principal site para ler artigos sobre web design e práticas recomendadas, possui uma coleção de artigos sobre o tópico do CSS que remonta a 1999. A maioria dos artigos é voltada para desenvolvedores intermediários a avançados que colocam uma forte enfatizar os designs compatíveis com padrões.
2. CSS Ajuda a pilha
O CSS Help Pile é um agregado de recursos, dicas e instruções do CSS. O site é bem organizado e um recurso maravilhoso para qualquer nível de especialização. Há uma categoria para iniciantes, bugs de navegador e curtas críticas dos livros do CSS.
3. CSS Basics
O CSS Basics é formatado como um livro com 18 capítulos dedicados a educar os leitores sobre conceitos fundamentais de CSS. A escrita é clara e sucinta – tornando -o um ótimo recurso para quem está começando. Todos os 18 capítulos podem ser impressos ou baixado em formato PDF.
4. Holy CSS Zeldman!
Holy CSS Zeldman (não um site por Jeffrey Zeldman) é uma coleção útil de recursos que linkam para tutoriais, ferramentas e layouts baseados em padrões baseados em padrões.
5. Eric Meyer: CSS
Aqui está uma coleção de obras por Eric Meyer (aclamado profissional e autor da web). Alguns recursos que você encontrará nesta página são CSS/Edge (Experimentos de Eric Meyers no CSS) e Referência CSS.
6. 456 Berea Street – categoria CSS
Roger Johansson’s 456 Rua Berea tem mais de 300 postagens na categoria CSS. Algumas postagens conversam Escolhendo um método de substituição de imagem enquanto outros ensinar técnicas CSS.
7. / * Posição é tudo * /
Aqueles que apenas colocam as mãos em torno da criação do código CSS perceberão rapidamente que uma parte significativa de tempo (e frustração) decorre de se livrar dos insetos do navegador. A posição é tudo discute os bugs conhecidos do navegador e compartilha métodos CSS que funcionam entre os navegadores. Aqui, você pode ler sobre o único layout verdadeiro ou aprender o que acontece quando você se anima a Div absolutamente posicionada.
8. Tutoriais de cães html cães
O HTML Dog é um site de tutorial dedicado ao ensino de melhores práticas XHTML e CSS. Existem três seções tutoriais do CSS: NovatoAssim, Intermediárioe Avançado.
9. Aprenda o posicionamento do CSS em dez passos
Os elementos de posicionamento usando CSS podem ser um conceito complicado a princípio. Se você está tendo dificuldade em entender os fundamentos do posicionamento do CSS, confira este tutorial de 10 etapas para fazer você posicionar coisas em pouco tempo!
10. Links de Andy Budd CSS/Web Standards
Andy Budd (diretório de ClearleftCSS Guru e autor de um dos meus livros favoritos – CSS Mastery) tem um conjunto de links de CSS/Standards da Web para ajudá -lo a encontrar informações confiáveis e úteis sobre CSS.
11. Tutorial do W3Cschools CSS
O W3CSchools possui uma seção CSS que abrange o básico do CSS até tópicos mais avançados.
12. CSS Zen Garden
O CSS Zen Garden é uma vitrine das coisas que você pode fazer CSS. Mais importante ainda, destaca o conceito de separar o conteúdo da apresentação. Usando o mesmo arquivo HTML, os designers enviam folhas de estilo externas para estilizar o arquivo HTML.
Sugiro usar a ferramenta de desenvolvedor da Web para inspecionar como os layouts funcionam e quais estilos afetam certos elementos da página.
13. CSS em MaxDesign
Na MaxDesign, você pode encontrar o brilhante conjunto de tutoriais relacionados ao CSS de Russ Brafley. Algumas coisas a serem esperadas aqui estão: ListMatic – que mostra uma variedade de maneiras de usar CSS para estilizar listas e Floatutorial – que passa pelos fundamentos dos elementos flutuantes.
14. cssy.com
O slogan do CSSEASY.com é “aprender CSS the Modern Way”. O site promove o aprendizado por experiência, com a ideia de que, se você inspecionar o código -fonte e ver como as coisas se encaixam como um todo, você terá uma melhor compreensão do CSS. O Ferramenta de desenvolvedor da web Também será útil neste site.
15. CSS-Discuss
CSS-Discuss é uma comunidade de entusiastas do CSS. O Wiki CSS-Discuss é uma coleção abrangente de uso do mundo real do CSS.
16. Web Design do zero: CSS
O design da web de Ben Hunt do zero possui uma excelente seção sobre CSS que abrange conceitos básicos sobre CSS. Eu recomendo que os iniciantes comecem com a introdução ao CSS, um ponto de partida rápido, mas muito informativo, para sujar as mãos com o CSS.
17.CSS-Tricks
CSS-Tricks é um blog dedicado ao tópico do CSS. Você encontrará postagens úteis como o que o CSS Sprites é (em uma casca de porca), técnicas para substituições de imagens e até screencasts em tópicos como folhas de estilo condicionais.
18.Css on Delicious
A tag CSS no Delicious é uma ótima maneira de encontrar links populares relacionados ao CSS.
Ele permite que você veja o que as pessoas estão lendo atualmente.
19. Referência do SitePoint CSS
O SitePoint possui uma seção de referência CSS que discute tópicos de CSS de nível introdutório. Você pode fazer um curso intensivo em Sintaxe e nomenclatura gerais de CSS em tópicos um pouco mais avançados, como CSS hacks e filtros.
20. Cssdog
Cssdog tem uma seção para ambos iniciantes e mais Avançado desenvolvedores. Além das lições do CSS, sua seção de referência do CSS – que lista guias rápidos e referências de cores – são muito úteis.
Perdeu o seu favorito?
Você tem um site CSS favorito que não está na lista? Fale sobre isso nos comentários.
Perguntas frequentes sobre CSS
1. O que é CSS e por que é importante para o design de um site?
CSS (Cascading Style Sheets) é uma linguagem de folha de estilo usada para descrever a apresentação de um documento escrito em HTML. É importante para o design de um site, pois permite controlar a aparência e o layout de uma página da web, tornando-a mais atraente e fácil de usar.
2. Onde posso encontrar recursos para aprender mais sobre CSS?
Existem muitos sites excelentes que oferecem tutoriais, dicas e referências sobre CSS. Alguns dos melhores incluem CSS Tricks, CSS Basics e CSS Zen Garden. Esses recursos podem ajudá-lo a aprofundar seus conhecimentos sobre CSS e aprimorar suas habilidades de design.
3. Quais são os conceitos fundamentais que devo entender ao trabalhar com CSS?
Alguns dos conceitos fundamentais do CSS incluem seletores, propriedades, valores, unidades de medida e posicionamento. É importante entender como esses elementos funcionam juntos para criar estilos e layouts eficazes em um site.
4. Como posso resolver problemas comuns de CSS, como bugs de navegador?
Existem recursos como o site Position Is Everything e CSS Help Pile que abordam bugs de navegador e compartilham métodos para garantir que seu código CSS funcione corretamente em diferentes navegadores. Além disso, a prática e a experimentação podem ajudá-lo a identificar e corrigir problemas de CSS.
5. Qual é a melhor maneira de começar a aprender CSS?
Se você está apenas começando a aprender CSS, é recomendável começar com tutoriais para iniciantes, como os encontrados no HTML Dog e no Web Design do zero. Esses recursos oferecem uma introdução passo a passo ao CSS e podem ajudá-lo a desenvolver uma base sólida de conhecimento para construir sobre.
