Curso de HTML e CSS - Float Left, Right [Aula 25]

🌟 Curso de Fluência em HTML e CSS Avançado (FLEXBOX e GRID CSS)
_________________________________________________

🌟 Curso Web Designer PRO
_________________________________________________

CSS, sigla em inglês para Cascading Style Sheet, que em português quer dizer Folha de Estilo em Cascata, é uma linguagem que cuida da apresentação visual de páginas web através de regras de estilos. Podemos resumir que é uma linguagem de estilização ou apresentação.

A história da Folha de Estilo começou a surgir quando seu criador Håkon Wium Lie constatou que não havia como estilizar documentos em uma plataforma para publicação eletrônica. Em novembro de 1994 em Chicago, Håkon apresentou a proposta inicial do CSS em uma Web conferência.

Esta linguagem consiste em dar forma aos elementos HTML presentes na página web. HTML e CSS são parceiros. O CSS só existe em função do HTML.

Ela pega uma página praticamente sem estilos e enriquece com cores, formas, tamanhos e até animações. E esta linguagem que define qual a cor de um texto, onde determinado bloco será posicionado, entre outros estilos.

E o que é muito bacana é que o CSS também é um recurso acessível para estilizar o que você projetou em seu editor gráfico através de suas propriedades.

Um dos maiores atrativos do CSS é separar a apresentação em um arquivo externo. Com isso o HTML, que antes estava com a função de marcar e apresentar visualmente o conteúdo, ficou responsável por somente estruturar o conteúdo através da marcação.
_________________________________________________

✔ E-books do Chief of Design:

_____________________________________

Chief of Design

Se inscreva e fique por dentro das novidades do canal!

#chiefofdesign #design #HTML #CSS

[otaviopaim]

esse professor eh mt fodaaaa ele está me ajudando a realizar meu sonho de ser programador

[siriusleto]

Ótima aula. Obrigado. Única sugestão é voltar com eles empilhados e depois aplicar as alterações. A alteração em cima de outra alteração confunde um pouco.

[alvoradaprofética]

Muito obrigado Esse Float é um quebra galho

[ellenbianca]

Muito obrigado, ajudou bastante! Vlw!

[carlosbarross]

Como usar ele para colocar o texto do lado da imagem?

[felipebandechi]

Estou com um problema eu tenho um bloco fixado na esquerda e tenho uma cabeçalho onde quero colocar somente o texto a direta, porem quando eu fixo fload: right, os dois blocos ficam no mesmo nivel (o da direta e o da esquerda) como separo os dois ?

[thiagoamim]

alguem sabe como usa o float em react native? estou precisando manipular uma View para o topo e o float nao funciona la

[winstonchurchill]

0:45 E agora, com os blocos em linha por causa do float, como faz pra centralizar eles dentro da div principal?

[juliochen]

Tentei fazer a página do 4:25, mas a imagem fica em cima do texto. Como faço pro texto pular de linha quando encontrar a imagem ?

[christianlouzada]

Por quê não consigo colocar "float: bottom;" ? Achei que a estrutura de loyout era composta apenas por float...

[shinGGakuma]

galera, eu deixei meu titulo 1 e 2 em left porem meu titulo 3 vem como intruso e se aloca no lado direito da pagina como faço pra tirar ele ?