Bem vindo de volta.
Então, este vídeo será uma visão geral de alto nível de como funciona a avaliação e o que ela faz.
Então, queremos realmente estar escrevendo qualquer código até a próxima lição e praticamente todas as lições
a partir daí nos cobrindo SEUS.
Mas o que vamos fazer é três coisas importantes que vamos definir o sucesso e falar sobre o
papel que ele desempenha porque você usa o que faz.
Nós vamos ver alguns sites que possuem o.
Vamos tirar o C S C S e ver como eles mudam.
E então vamos definir esta regra geral que seguirá para cada linha CSSA que escrevemos.
Então, vamos em frente e falamos sobre qual é a postura para as folhas de estilo em cascata.
Então, a parte em cascata em que realmente vamos voltar em um vídeo posterior.
Mas as folhas de estilo são bastante auto-explicativas.
Lembre-se de que C Ss é freqüentemente considerado os adjetivos ou a pele onde H M L seria o substantivo.
Então, Jim Ellis, a estrutura que desejamos encaminhar aqui e um ponto de bala aqui.
Nós costumávamos dizer que os cabeçalhos são roxos e tamanho da fonte de 50 pixels e mova isso para baixo
e dê uma borda.
Então, usamos isso para descrever como as coisas devem se parecer com estilos de estilo.
A outra parte é a parte dos folhetos e o que isso significa é que nós estaremos escrevendo
estes separadamente de cada equipe.
Eles não estão dentro da HMO.
Eles são documentos separados que incluímos no nosso HMO.
Então, vamos começar por dar uma olhada em alguns exemplos.
site que realmente gosto muito do jardim chamado CSX Zen e o
ponto inteiro deste site é mostrar a variedade de coisas que você pode realizar com a Jesse s s.
Há um
Então, se você dar uma olhada aqui, temos uma marcação.
Vejamos o arquivo HDMI.
Podemos avançar e abrir isso.
Então, este é o arquivo principal que toda a página NCEA diz.
Jardim Zen usa.
Então você pode ver que é bastante básico.
Nós temos alguns títulos.
Nós temos alguns parágrafos alguns links de pontos de bala na parte inferior e, em seguida, toda a
idéia deste site é que os contribuidores tomam isso para enviar e-mail e escrever seus próprios CSSA sem alterar
o envelhecido.
Então, você só muda para ver avaliar a estrutura é o mesmo e você acaba com resultados diferentes.
Então, aqui está um.
E no lado direito você pode verificar alguns outros e há um monte deles no site e, na verdade, você
pode contribuir com o seu próprio se você quiser.
Bem, vamos dar uma olhada.
Portanto, este é radicalmente diferente, diferentes diferentes, criam diferentes imagens de fontes de esquemas de cores.
Este também é muito diferente.
Tem esta animação de carregamento agradável tudo feito Roscius nós.
Você pode rolar para baixo e nós temos esse efeito onde nosso conteúdo rola, mas a imagem de fundo é estática.
Nós temos esse que é radicalmente diferente também.
E nós poderíamos passar o dia inteiro aqui e acabamos de encontrar mais um que é o meu favorito,
que é um robô chamado Jimmy.
Nós conseguimos esse pequeno robô que aparece nessa girando uma explosão de estrelas nas costas.
Também outro efeito de rolagem, então estou mostrando isso para você, para que você veja como o CSSA é poderoso.
É basicamente o médico da pele.
Os aditivos para sua estrutura podem mudar.
Você sabe, além de se parecer com isso e pode mudá-lo para se parecer com isso.
Então, espero que seja o suficiente para você ficar entusiasmado com a aprendizagem de C S s r h d m l lado até agora tem
sido bastante branda.
Não tivemos nenhum estilo além dos estilos pretos e brancos padrão.
Então, em seguida, quero falar sobre uma regra geral que seguirá toda linha de CSSA que escrevemos.
Então, esse padrão aqui parece assim.
Nós selecionamos algo.
Então, vamos conversar muito sobre o que realmente acontece, mas vamos selecionar algo como All h ones
ou todas as marcas de âncora dentro de um aliado.
Então, fazemos algo em que estamos selecionando h tim. Os elementos estão referenciando o html existente e, em seguida,
dentro dos aparelhos curly, aplicamos alguns estilos e eles seguem esse formato de par do valor da chave em que temos uma
propriedade dois pontos e, em seguida, um valor correspondente e, em seguida, um semi -cólon.
diferentes que estamos mudando, mas elas seguem sempre esse valor de propriedade da sintaxe Colan.
Então, podemos ter uma coisa aqui, podemos ter 100 propriedades
Então, aqui estão dois exemplos.
Esta primeira seção vai selecionar todos os h.
Então, novamente, vamos voltar para você como esses seletores funcionam.
Mas vai selecionar todos os dados em uma página e depois lhes dará cor de
púrpura e tamanho de fonte de 56 e, em seguida, o próximo aqui vai selecionar todas as tags de
imagem e dar-lhes cor de borda vermelha e borda de três pixels.
Então você sabe que nem sempre vamos selecionar todos em todas as tags de imagem.
Vamos ter vários vídeos, na verdade, as nuances de selecionar as coisas, às vezes,
queremos selecionar toneladas de coisas, às vezes estamos fazendo um pequeno elemento por vez.
Então há muitas opções lá, mas sempre segue esse formato.
Nós selecionamos algumas chaves e, em seguida, dentro das chaves curly temos pares de valores-chave que são realmente apenas propriedades
que estamos mudando