Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/natsalete/modulo-css-curso_ebac_front-end
- Owner: natsalete
- Created: 2024-02-29T18:31:33.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-12T17:14:57.000Z (10 months ago)
- Last Synced: 2024-03-12T18:31:23.624Z (10 months ago)
- Topics: css, html5
- Language: HTML
- Homepage: http://127.0.0.1:5501/
- Size: 479 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.