Ir para conteúdo
Fórum CódigoFonte.net
  • Anúncios

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!
Entre para seguir isso  
uninerds

Playlist de como programar em CSS

Recommended Posts

Olá pessoal, estamos criando algumas vídeo aulas de programação em CSS e e gostaríamos que vocês dessem críticas e sugestões do que podemos estar fazendo para melhorar

Segue o link da playlist com 17 vídeos

https://www.youtube.com/playlist?list=PLi3qhjm7dbedkcSwqOrGYHD_E_0H7Nopj

 

1 - O que é HTML, CSS e JavaScript?

É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web

 

2 - Programas Necessários

É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu)

 

3 - Primeiro CSS

Como fazer a integração entre HTML e CSS

 

4 - Cores

Como definir cor por nome, hexadecimal, RGB, HSL, RGBA e HSLA

 

5 - Initial e Inherit

Como utilizar os valores initial e inherit para propriedades em CSS

 

6 - Consulta de mídia

Como definir estilos diferentes para tipos de dispositivos diferentes e mesmo tipo de dispositivo com características diferentes

 

7 - Borda | Parte 1

Como fazer bordas em CSS

Propriedades: border, border-color, border-radius, border-style e border-width

Valor para border-color: transparent

Valores para border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset

Valores para border-width: medium, thin e thick

 

8 - Borda | Parte 2

Como alterar as propriedades da borda em cada lado

Propriedades: border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-left, border-left-color, border-left-style, border-left-width, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-right, border-right-color, border-right-style, border-right-width, border-top, border-top-color, border-top-style e border-top-width

 

9 - Largura e Altura

Como definir largura e altura em CSS e também valor mínimo e máximo para cada uma

Propriedades: width, height, min-width, max-width, min-height e max-height

 

10 - Margem

Como colocar margem em CSS, centralizar conteúdo e um cuidado que deve ter ao utilizar margem

Propriedades: margin, margin-top, margin-right, margin-bottom e margin-left

 

11 - Preenchimento

Como colocar preenchimento em CSS

Propriedades: padding, padding-top, padding-right, padding-bottom e padding-left

 

12 - Excesso

O que fazer quando o conteúdo de uma tag é maior que a largura e/ou altura

Propriedades: overflow, overflow-x e overflow-y

Valores para as propriedades: visible, hidden, scroll e auto

 

13 - Modelo de Caixa

Qual é o conceito de modelo de caixa e porque é importante conhecer ele para montar o layout de uma página

 

14 - Fundo

Como alterar a cor de fundo, colocar imagem como fundo e definir a posição da mesma

Propriedades: background, background-color, background-image, background-repeat, background-attachment e background-position

Valores para background-repeat: repeat, repeat-x, repeat-y, no-repeat, space e round

Valores para background-attachment: scroll, fixed e local

Valores para background-position: left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom

 

15 - Contorno

Como colocar contorno no conteúdo utilizando CSS

Propriedades: outline, outline-color, outline-style, outline-width e outline-offset

Valor para outline-color: invert

Valores para outline-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset

Valores para outline-width: medium, thin e thick

 

16 - Formatação de Texto | Parte 1

Como fazer formatação de texto utilizando CSS

Propriedades: color, direction, unicode-bidi, letter-spacing, line-height, text-align, text-indent, text-transform, word-spacing e text-shadow

Valores para direction: ltr e rtl

Valores para unicode-bidi: normal, embed, bidi-override, isolate, isolate-override e plaintext

Valor para line-height: normal

Valores para text-align: left, right, center e justify

Valores para text-transform: none, capitalize, uppercase e lowercase

Valor para word-spacing: normal

 

17 - Formatação de Texto | Parte 2

Como fazer formatação de texto utilizando CSS

Propriedades: text-decoration-line, text-decoration-color, text-decoration-style, text-decoration, white-space, vertical-align e text-overflow

Valores para text-decoration-line: none, underline, overline e line-through

Valores para text-decoration-style: solid, double, dotted, dashed e wavy

Valores para white-space: normal, nowrap, pre, pre-line e pre-wrap

Valores para vertical-align: baseline, sub, super, top, text-top, middle, bottom e text-bottom

Valores para text-overflow: clip e ellipsis

 

PS:

- Como temos nossos serviços seculares que é como conseguimos o sustento não teremos como responder todos os comentários de imediato, mas de qualquer forma agradecemos desde já a ajuda

- Sempre que tiver vídeo novo atualizaremos este tópico

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×