Playlist de como programar em CSS

uninerds
(usa XUbuntu)

Enviado em 18/10/2017 - 14:01h

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 16 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
http://www.uninerds.net/