Summary
Keywords
Full Transcript
#StyleBorder #Htm5 #Css3 #LayoutResponsive #FrontEnd Muito Obrigado por Assistir! Nesse vĆdeo vamos fazer cinco tipos de bordas diferentes. A primeira serĆ” a double, a segunda dotted, com radius, a terceira a Ridge, a quarta dashed e a quinta a Groove. 00:00 INTRODUĆĆO 00:32 INĆCIO DO CSS 00:38 CENTRALIZANDO OS ELEMENTOS COM CSS 00:50 COMO CRIAR BORDER STYLE GROOVE - 05 01:42 CORPO DO HTML DA BORDA 04 01:45 CENTRALIZANDO OS ELEMENTOS 02:04 COMO FAZER UMA BORDER STYLE DASHED-04 03:10 HTML DA BORDA 03 03:18 CSS BORDER 03 03:20 CENTRALIZANDO OS ELEMNTO DA PĆGINA COM CSS 03:32 COMO ADICIONAR IMAGEM NA PĆGINA HTML 04:00 COMO ESTILIZAR BORDAS - STYLE RIDGE - 03 04:44 COMO FAZER DIV CLASS HTML 04:51 COMO CENTRALIZAR OSELEMENTO COM DISPLAY GRID 05:11 COMO FAZER TEXT STROKE 05:26 COMO FAZER BORDER STYLE DOTTED RADIUS -02 05:58 CRIANDO HTML COM DIV E TAG H1 06:00 COMO CRIAR ESTILO COM CSS 06:24 COMO FAZER BORDER STYLE DOUBLE - 01 šµ MĆŗsica :Outside the Box - Patrick Patrikios šµ MĆŗsica :Just Dance - Patrick Patrikios āØIDE: ( Integrated Development Environment )Microsoft Visual Studio. āØIDE: ( Integrated Development Environment ) Visual Studio Code. EXTENSĆES VISUAL STUDIO CODE: LIVE SERVER: Carrega a pĆ”gina automaticamente. BEAUTIFY : Padroniza a formatação do código COLOR HIGHLIGHT : Mostra as cores que vocĆŖ estĆ” criando no arquivo css. INTELLISENSE FOR CSS: Fornece o auto completo da classe que vocĆŖ escreveu no seu código. āØSoftware Editor de videos: Shotcut. āØSoftware para gravar a tela do computador: OBS Studio. ā Biblioteca JavaScrit https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js šFontes de Ćcones https://fontawesome.com/v5.15/icons?d=gallery&p=2 https://fontawesome.com/ Dicas de site: šHTML E CSS: https://www.w3schools.com/default.asp šTabelas de cores: https://www.flextool.com.br/tabela_cores.html šImagem para baixar: https://pixabay.com/pt/ šSite para criar Thumbnails: https://www.canva.com/
