Skip to content

edurojastech/estudos_css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

css
🔴🟢🔵🟣⚫️⚪️
Estudos CSS

Este repositório é destinado para compartilhar todo conhecimento aprendido sobre CSS
Referência de estudos: MDN Web Docs e w3schools.com

🎨 O que é CSS?

"Cascading Style Sheets" - É uma tecnologia Web responsável por estilizar ou formatar elementos HTML, muito utilizado desde páaginas web, sistemas, aplicativos e entre outros. Também pode ser usada com outras linguagens de marcação como SVG e XML.

O código CSS é estruturado por propiedades associados a um "seletor".

#️⃣ Seletores

Por nome de tag: Quando selecionamos elementos HTML específico, seja uma tag de parágrafo, span, imagem, h1 entre outros.

Por nome de identificador ou ID:: quando queremos selecionar um elemento único com seu Id de identificador (#elemento), e realizar a estilização.

Por nome de classes:: quando selecionamos varios elementos pelo nome de sua classe associodos em vários elementos HTML, facilitando a estilização de varios elementos e um único código CSS (.elementos).

*️⃣ Exemplos de sintaxi por seletores CSS

Tag Id Clasess
image image image

Como inserir CSS no seu HTML?

Existem três formas de incluir CSS no seu projeto, sendo externo, interno ou inline.

Externo:

Primeiramente incluimos uma tag link, para referênciar o arquivo externo CSS, neste caso "mystyle.css" E depois dentro do arquivo, criamos os nossos códigos CSS associados aos elementos do corpo HTML.

Inline:
Inserimos estilos CSS inline, quando colocamos o atributo "style" dentro de um elemento HTML e em seguida o código CSS conforme exemplo abaixo, todo estilo CSS inline vai dentro do atributo Style.

About

Estudos de CSS - Cascading Style Sheets

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors