Primeiro CSS | Tutorial de CSS | #01 | #uninerds | Universo dos Nerds

Channel:

Universe of Nerds

Subscribers:

2,410

Published on October 18, 2017 3:22:37 PM ● Video Link: https://www.youtube.com/watch?v=rWxoRIuKfzQ

Game:

Counter-Strike: Source (2004)

Category:

Tutorial

Duration: 13:27

52 views

3

Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css

Primeiro HTML5: https://youtu.be/RjuwP06DAc8

Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds

Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4

Faça parte de um grupo focado em Tecnologia: https://www.facebook.com/groups/DevAt

Hashtags: #uninerds #css

Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331

Contato: uninerds@uninerds.net

O código CSS tem a estrutura de um seletor e blocos de declaração:

seletor {
propriedade:valor;
propriedade:valor;
}

Onde seletor é o que define em qual elemento HTML será aplicado o estilo, cada propriedade:valor; é uma declaração em que propriedade é a propriedade que deseja alterar o estilo e valor é o valor que queremos que a propriedade tenha

Para colocar código CSS no HTML existem três formas

1. Atributo sytle, nesta opção não é utlizado o seletor porque já estará na tag que se deseja alterar o estilo, tendo somente as declarações
2. Dentro da tag style que fica na head
3. Em arquivo externo com a extensão .css sendo definido na tag link que também fica na head

Em CSS tudo que estiver entre /* e */ é considerado como comentário

A ordem de prioriedade de estilo é a seguinte

1. O atributo style
2. A última opção colocada na head, por exemplo, se alteramos uma propriedade na link e depois alteramos a mesma propriedade do mesmo seletor na tag style será aplicado da tag style
3. O estilo padrão do navegador que está sendo utilizado para acessar a página

Other Statistics