Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/natsalete/modulo-css-curso_ebac_front-end

Curso Profissão: Engenheiro Front-end v2 da EBAC - Modulo CSS- Esse repositório possui o conteúdo do modulo.
https://github.com/natsalete/modulo-css-curso_ebac_front-end

css html5

Last synced: about 2 months ago
JSON representation

Curso Profissão: Engenheiro Front-end v2 da EBAC - Modulo CSS- Esse repositório possui o conteúdo do modulo.

Awesome Lists containing this project

README

        

# Curso Profissão: Engenheiro Front-end v2

![image](https://github.com/natsalete/curso_ebac_frontend/assets/135389319/767bad07-631d-48fe-be07-b8c0345e7ac0)

A EBAC é uma instituição inovadora de ensino superior em Artes Criativas e Tecnologia que oferece cursos online, além de programas presenciais e híbridos de especialização e graduação, validados internacionalmente.

link do curso: https://ebaconline.com.br/front-end-profession#price

## CSS (Módulo 4)

Cheguei ao final do Módulo 4: CSS em que :

- compreendi a estrutura básica do CSS, incluindo a utilização de seletores, propriedades e valores;
- apliquei estilos CSS diretamente em elementos HTML;
- apliquei estilos visuais, como cores de fundo, a elementos HTML;
- compreendi os conceitos fundamentais dos seletores no CSS, incluindo a estrutura básica dos seletores, propriedades e valores;
- entendi e apliquei estilos usando classes;
- usei seletores de pseudoclasse para selecionar elementos com base em estados específicos;
- compreendi os componentes essenciais do box model, incluindo largura, altura, espaçamento interno e margens;
- apliquei espaçamento interno e bordas a elementos HTML;
- entendi o impacto das margens e do box model no layout geral da página;
- compreendi o conceito da propriedade box-sizing e sua função na manipulação do modelo de caixa dos elementos;
- apliquei a propriedade box-sizing em elementos específicos ou globalmente para controlar o layout da página;
- compreendi as propriedades de display do CSS e sua influência no layout dos elementos HTML;
- apliquei a propriedade display para organizar o layout da página;
- utilizei a propriedade display: flex para criar layouts responsivos e flexíveis;
- compreendi as diferentes propriedades de posicionamento CSS e como essas propriedades afetam o posicionamento dos elementos na página;
- apliquie a propriedade de posicionamento fixo para criar elementos que permanecem fixos em uma determinada posição na página, independentemente do rolamento;
- apliquei cores a elementos HTML usando propriedades CSS;
- personalizei elementos específicos, como cabeçalhos, datas de publicação e botões, alterando suas cores de fundo e texto;
- apliquei seletores apropriados e propriedades de espaçamento para controlar a distância entre elementos e melhorar a legibilidade e o layout da página;
- apliquei estilos de fonte a diferentes elementos de texto em uma página usando CSS;
- criei efeitos visuais nos links de texto, como a mudança de cor ao passar o mouse sobre eles;
- apliquei cores de fundo em elementos de texto e seções específicas da página.