Entendendo Regras de CSS – Aula 2

Sem Comentários Postado em: 13/06/2016 |

Entendendo Regras de CSS

Entendendo regras de CSS  você terá a liberdade de poder ter uma visão holística do que se trata e saberá exatamente o que se deve estudar. Como é de praxe, sempre quando começamos a estudar algo novo é interessante que se comece pela definição.

 

Definição de CSS

É a abreviação para os termos em inglês Cascading Style Sheet, traduzindo para o português Folha de Estilo em Cascata, que indica como será aplicado um estilo a um ou mais elementos do HTML. Ela composta de três partes, um seletor, uma propriedade e um valor.

 

Sintaxe de CSS

Regras CSS

É a unidade básica de uma folha de estilo, ou seja, a menos porção de códigos capaz de produzir um efeito de estilização. Uma regra CSS é composta de duas partes: o seletor e a declaração, enquanto que a declaração compreende uma propriedade e um valor.

 

Seletor

Genericamente é o elemento HTML identificado por sua tag, por uma classe ou por uma ID. A regra será válida para o elemento indicado.

Exemplo:

<p>, <h1> e  .umaclassequalquer}

 

Propriedade

É o atributo do elemento HTML ao qual será aplicado a regra.

Exemplo:

font, color, background.

 

Valor

É a característica a ser assumida pela parte propriedade.

Exemplo:

Fonte verdana, fundo azul, cor amarela.

 

Seletor {propriedade, valor,}

Seletor {

propriedade: valor:

}

 

Corpo da página com fundo branco

Body {

background:         white;

}

 

Corpo  com fundo branco e texto alinhado à direita

Seletor {

text-align:         right;

background:     white;

}

 

Se o valor for uma palavra composta deve ser escrita entre aspas simples ou dupla.

p{

font-family:  Comic Sans MS

}

 

p{

font-family:  Comic Sans MS

}

 

Não se usa aspas em palavras composta separadas por hífem

p{

font-family:  Sans-Serify

}

 

Você pode comentar um código em CSS

Comentário de uma linha

/*este é um cometário de uma linha*/

 

Bloco de comentário

/*estamos aprendendo CSS

e este é um bloco de comentário

que será ignorado pelo computador*/

 

Agrupamentos de Seletores

Você pode agrupar vários seletores, para isto basta separá-los por vírgula.

h1 {color: blue;}

h2 {color: blue;}

h3 {color: blue;}

p {color: blue;}

h1, h2, h3, p {color:blue;}

 

Veja outras aulas do Curso CSS:

3 – Fazendo Ligamento Entre CSS e o Documento

4 – Conceituando Seletor de Classe e Seletor ID

Sem Comentários

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *



PUBLICIDADE

[Manoel Jailton, Tutor do Curso Formação PHP]

Conheça Manoel Jailton. Seu tutor neste curso!

Autodidata e Apaixonado pelo conhecimento. Autor de Cursos de vários assuntos como: PHP, Delphi, Java, C#, VB.NET, Front-End, Matemática, Português, Física e muitas outras

Em 2007 criou a mjailton Treinamentos, e como Programador e Professor vem criando os melhores e mais completos cursos em videoaulas de vários assuntos.

Em 2014 criou o Método ágora de Ensino, que tem como principal característica simplificar a forma de ensino independentemente de qual seja o assunto ou o nível do aluno, dando a possibilidade de qualquer pessoa aprender de forma clara, objetiva e com qualidade.

Eterno estudante e sempre buscando novos conhecimento. Será o seu professor neste fantástico curso.

Canais de Atendimento:

  • Por Telefone: +55 98 3302.4858
  • Por E-mail: mjailton@gmail.com
  • Site Oficial: mjailton.com.br

Rua 49, Quadra 36 , casa 30
65071260 / São Luís/ MA
Brasil

Intelimax Comercio Ltda
CNPJ: 10.175.153/0001-23

© 2017 - mjailton treinamentos todos os direitos reservados