introdução:
Para citar uma passagem de um livro: "Quando comecei a aprender chinês, meu tutor Lao Wang me deu um dicionário chinês-inglês, uma gramática chinesa e um tutorial para iniciantes. No entanto, ele quis. Os livros foram colocados em uma cesta de livros e não deveriam ser usados até a próxima semana, ele só me ensinou a ouvir e memorizar algumas frases, e depois queria que eu aprendesse a repetir algumas delas. o restaurante? ". "Traga-me um pouco de arroz, por favor." "Quanto custa este vestido? ”. Durante aquela semana, tive que aceitar incondicionalmente o conhecimento, a estrutura das frases, a pronúncia e a gramática. Porém, na sexta-feira eu poderia realmente ir a um restaurante chinês, pedir uma tigela de arroz e pagar a conta. todas as frases simples me deram gramática e vocabulário suficientes para fazer isso.
Não sei desde quando o CSS começou a ser levado a sério pelos chineses. Muitas pessoas estão começando a aprender CSS, mas não sabem por onde começar, então este artigo foi escrito para que os iniciantes os levem no trem CSS.
1. O aprendizado de CSS concentra-se em métodos!
É a mesma coisa quando se aprende qualquer coisa, desde o ensino fundamental, médio até a universidade, além de aprender conhecimentos, você também precisa aprender métodos!
Se você quer dominar CSS, primeiro precisa aprender HTML. Comecei a aprender do zero e passei um mês aprendendo HTML. Não tinha professor, então os livros eram meu único professor e não tinha acesso à Internet! Um mês depois, comecei a aprender CSS. O primeiro livro de CSS que li foi "CSS Web Style Design". e depois alterado para "Enciclopédia de Referência HTML". Este livro é um livro de mesa comum para designers de páginas da web! A razão pela qual mudei este livro para aprender CSS é porque parte dele é CSS, e ele se tornou meu livro de esclarecimento sobre CSS. Depois de ler alguns parágrafos, sinto que os tutoriais escritos por estrangeiros são muito organizados, começando do mais superficial ao mais profundo, e conduzindo você passo a passo, para que você entenda do que estão falando, ao contrário dos livros nacionais que têm profundidades diferentes e falta de organização, como se ele tivesse medo de você não saber que ele tem muito conhecimento! Assim como o livro “CSS Web Style Design” mencionado anteriormente, eu o li na época. Como iniciante em CSS, eu realmente não tinha ideia do que ele estava falando!
Vamos falar sobre os detalhes do processo de aprendizagem, pois um estilo não pode ser separado da página HTML. Se o HTML não for combinado com o estilo, o CSS perderá o sentido da existência. Portanto, o livro geralmente dará um exemplo e depois permitirá que você teste o efeito no computador. Isso ocorre porque o autor deseja que você tenha uma impressão preliminar da folha de estilo CSS e diga o que o CSS pode fazer. Um pequeno exemplo: “Embora um pardal seja pequeno, ele possui todos os cinco órgãos internos”. Mas você pode lembrar o padrão do exemplo e usá-lo continuamente na prática no futuro. O processo de uso contínuo é o processo de memorização contínua, então você não pode relaxar e sempre pensar que sua memória não está boa, mas não. Não importa se você está montando um boi ou um cavalo de mil milhas. Não importa o que aconteça, contanto que você tenha perseverança, você definitivamente chegará ao fim.
Ao ler um livro, em geral, você deve ler o livro inteiro pela primeira vez. Se não entender, continue lendo. No processo de leitura, você poderá encontrar a resposta para essa pergunta. Depois de ler, você terá uma impressão geral, mas deve haver muitas coisas que você não entende. Não importa, continue lendo.
Pela segunda vez, você deve fazer anotações de estudo durante a leitura. Continue lendo com perguntas. , você pode postar uma postagem no BBS. Ainda há muitas pessoas bem-intencionadas. Aqui vai um lembrete: "Você deve aprender a fazer perguntas, não entrarei em detalhes aqui." Você tem que ir ao computador para praticar os exemplos do livro. O que mais te confunde é: “Primeiro, você não consegue se lembrar e, segundo, você tem uma compreensão errada do conceito. livro não está bem traduzido, e a outra é que seu entendimento está errado." )", para o primeiro, é preciso criar confiança, persistir e persistir. Quando você chegar ao fim, descobrirá que tudo é natural. Porque se você trabalhar muito, será recompensado e terá resultados.
Muitas pessoas também assistiram, mas não fizeram nenhum progresso. Analiso os principais motivos da seguinte forma:
Razão 1: Não há pressão suficiente, porque muitas pessoas, como artistas, aprendem CSS porque observam os outros aprenderem, então se não aprenderem, não terão vantagem! Esse tipo de pressão é muito pequena. Se você não aprender bem, ainda terá um emprego como artista.
Razão dois: é apenas um estudo de meio período e apenas para diversão, porque você não precisa necessariamente ganhar a vida com essa tecnologia.
Razão três: o método está errado. Algumas pessoas só assistem aos tutoriais, mas não fazem isso. Eu costumava assistir muito e fazer muito pouco, então só com a prática você consegue incorporar coisas teóricas.
2. Domine os quatro estágios de aprendizagem de CSS
Uma vez perguntei a um internauta, é difícil aprender CSS?
Ela disse: "Não é difícil." Eu perguntei: "Há quanto tempo você estuda?" Ela disse: “Acabei de aprender”. Na verdade, o que ela disse está certo! Se alguém me perguntar se é difícil aprender CSS? Eu diria: “É difícil!” Por que eu diria que é difícil?
O aprendizado de CSS pode ser dividido nas seguintes etapas:
Estágio 1: A página pode ser criada sem pensar em problemas de compatibilidade do navegador, mas a página é escrita com modo TABLE DIV em todos os lugares.
Estágio 2: Os problemas de compatibilidade são pensados, mas não há como evitá-los com antecedência. Eles só podem resolver os problemas e usar extensivamente a tecnologia HACK (só conheço a tecnologia HACK, mas raramente a uso).
Etapa 3: BUGs podem ser evitados antecipadamente, mas ID e CLASS são amplamente utilizados na folha de estilo e CSS é traduzido como folhas de estilo sobrepostas, como "DIV P SPAN". Este código marca o subelemento SPAN de P no subelemento de DIV. Escrevendo desta forma, você pode definir o estilo de SPAN sem adicionar CLASS a SPAN. Essa é a vantagem do CSS. Por que não fazer bom uso dele e definir uma CLASSE!
Estágio 4: Este estágio é o mais difícil, com boa estrutura semântica HTML, CSS razoável e estilos reutilizáveis. Existem artigos nesta área sobre boa semântica e CSS razoável. Com certeza escreverei um tópico especial para estudar esses dois aspectos no futuro.
3. Perguntas frequentes para iniciantes em CSS
Vamos dar um passo a passo. O primeiro requisito é que haja um título diretamente abaixo da miniatura. É bem simples: coloque uma imagem no seu HTML, seguida de uma quebra de linha (BR), depois coloque o título dentro de um parágrafo (P) e centralize-o (usando CSS).
Em seguida, precisamos organizar essas miniaturas e títulos em pares na janela do navegador. Ao utilizar o layout de tabela, os pares de miniaturas e títulos serão colocados no TD respectivamente. Ao usar o layout CSS, precisamos colocá-los em DIV respectivamente. Para organizá-los horizontalmente na janela, usamos CSS para flutuar esses DIVs para a esquerda (FLOAT).
Pergunta 1: Que tipo de livro devo escolher ler para aprender CSS?
Deixe-me recomendar alguns livros primeiro:
"O guia definitivo para CSS"
"Reconstrução de Site"
"Registro de layout do site"
"Referência HTML"
Se você não sabe muito sobre HTML, pode ler primeiro o livro "Referência de HTML". Este livro não é apenas um livro didático, mas também um bom livro de ferramentas para consultar HTML. Os recentemente publicados "Mastering CSS" e "Impeccable Web Design" são livros muito bons, mas não são adequados para pessoas que não têm uma base em CSS. Se você deseja se tornar um excelente construtor de CSS, você também deve ter uma base sólida. fundação em inglês. Você pode ler tutoriais CSS estrangeiros e participar de fóruns relacionados. Algumas pessoas dizem que se você não entende inglês, você pode simplesmente ler o código, mas na verdade, seus livros discutem não apenas o código, mas o mais importante. , eles nos dirão que vale a pena aprender e compreender a ideia de codificação e o método de codificação. Além disso, os tutoriais chineses que recomendo são: "HTML e CSS Standard", "CSS2 Chinese Manual" de Su Chen Xiaoyu e a versão eletrônica de "Web Designer", há muitos e-books estrangeiros e em inglês, então ganhei; Não dê exemplos um por um. Ler e-books é uma tarefa muito tediosa. Não estou acostumado a ler e-books, por isso costumo comprar livros para ler.
Pergunta 2: Qual software é usado para editar o código CSS?
Esta pergunta parece ser feita com mais frequência! Deixe-me falar sobre mim primeiro. Usei o DreamWeaver pela primeira vez para escrever código. Como o software DreamWeaver em si consome muito CPU e memória, você pode imaginar a velocidade da edição durante o tempo de execução. Depois de caminhar muito, mudei para o estado "semi-caligrafia". "Semi-caligrafia" é usar a função de prompt de código fornecida pelo DW. Quando você escreve "F", o estilo de "F" será imediatamente. solicitado mais tarde, conveniente para você escolher. Se você escrever mais algumas letras, o estilo desejado será encontrado rapidamente. Isso pode acelerar a escrita do seu estilo, mas uma desvantagem é que se você sair do software de edição solicitado, não conseguirá escrever estilos. por exemplo, quando você modifica o estilo de ajuste fino de um programador, ele pode não estar usando o mesmo software que você está usando e pode não ter uma função de prompt de código, então você só pode voltar para sua própria máquina para editá-lo e depois envie para o programador! Isto é obviamente pouco profissional! Então se você quer ser uma excelente pessoa, tem que ser profissional!
Dito isto, parece que o tema ainda não foi mencionado:
Contanto que você saiba escrever à mão, você pode usar qualquer software. Recomenda-se usar o plug-in TopStyle do DreamWeaver (a versão mais recente é Pro V3.12).
Pergunta 3: Devo escrever HTML ou CSS primeiro?
Existem muitas respostas na Internet: escreva primeiro HTML e depois escreva CSS; primeiro escreva HTML e depois escreva ambos ao mesmo tempo; Costumo escrever os dois juntos. Escrever CSS primeiro ou escrever HTML primeiro não são métodos apropriados para iniciantes. Se você pedir a uma pessoa para escrever código e disser a ela para escrever HTML primeiro, o HTML não poderá ser modificado depois de escrito, e então você escreverá CSS. Se ela puder escrevê-lo, então essa pessoa deve ser um Construtor de alto nível! Portanto, para iniciantes, na maioria dos casos recomendo escrever ao mesmo tempo. Explicarei as etapas específicas:
Primeiro precisamos construir o site e o diretório. Por exemplo, criamos as pastas CSS e IMAGES. Depois criamos um novo arquivo HTML, um style.css e uma folha de estilos vazia, e conectamos. as páginas HTML para esta folha de estilo externa.
Em seguida, primeiro escrevemos a parte mais básica do layout em HTML, usando DIV, e depois adicionamos ID ou CLASS diretamente ao DIV. Essas partes do layout incluem a parte externa, a parte do cabeçalho, a parte do meio, a esquerda, o meio, a direita. , a parte dos direitos autorais, etc.
Depois de escrevê-los, você pode ir para a folha de estilo para escrever o estilo ou pode continuar a escrever as partes no layout. Vamos pegar o cabeçalho como exemplo. Escreva a parte do LOGO no cabeçalho e também adicione o ID ou. CLASS para a parte NAV. O mesmo se aplica a outros.
Por que dizemos que é impossível escrever a parte HTML de uma só vez? Porque as pessoas provavelmente cometerão erros. Pode haver problemas com o processo de escrita de suas ideias ou por problemas de compatibilidade do navegador, alguns dos quais são devidos a você. experiência. As deficiências não são antecipadas, portanto, quando você encontrar problemas ao escrever estilos, poderá ter que alterar seu código HTML. É assim que você escreve. Você também pode usar HTML/CSS ao mesmo tempo. Tudo depende dos seus hábitos. Quando escrevemos código, geralmente o testamos enquanto o escrevemos. Isso não significa escrever uma frase para testar uma frase. Em vez disso, escrevemos um trecho de código e depois testamos o navegador com o IE6 e o FF ao mesmo tempo. . Na maioria das vezes, um bom desenvolvedor testará seu código depois de tê-lo escrito por um longo tempo. Isso ocorre porque se uma pessoa tiver mais experiência, ela saberá e evitará que erros do navegador ocorram com antecedência! Assim, eles podem escrever código mais rápido do que pessoas inexperientes. Eles já passaram pelos erros que você está enfrentando. Na primeira vez que você encontrar um problema de exibição incorreto do navegador, precisará gastar tempo corrigindo-o, mas eles podem evitá-lo com antecedência ou resolver o problema imediatamente! Essa é uma das diferenças entre você e eles.
Outra diferença entre iniciantes e especialistas é que os especialistas usam muitas teclas de atalho, portanto, lembre-se das teclas de atalho comumente usadas. Cada pequeno detalhe melhorará um pouco e, juntos, farão uma grande melhoria.
Além disso, a melhor maneira de melhorar seu próprio nível é praticar mais e encontrar alguns modelos HTML+CSS melhores para praticar codificação. Escolha um mais simples no início, faça uma captura de tela da página e use suas próprias ideias sobre isso. imagem. Restaurar para página HTML...