1

O responsável pelo design na WEB: CSS

#HTML #CSS
Adriano Aluizi
Adriano Aluizi

Hoje falaremos um pouco sobre CSS que é o responsável pela estilização das páginas e de sistemas WEB, só com o HTML as páginas WEB seriam apenas textos em fundos brancos , apesar de que com o HTML5 é possível adicionar alguns estilos mas é muito limitado, já com o CSS se abre um mundo de possibilidades para deixar as paginas mais “bonitas” e com um design mais amigável e intuitivo para melhor navegabilidade do usuário. Afinal de contas quem é esse tal de CSS?


CSS o que é ? pra que serve ?


CSS é a sigla para o termo em inglês Cascading Style Sheets que, traduzido para o português, significa Folha de Estilo em Cascatas. O CSS é fácil de aprender e entender e é facilmente utilizado com as linguagens de marcação HTML ou XHTML.


Com o CSS tem muitas possibilidades de formatação, nos permite mexer, editar, remover, alinhar ou trabalhar no espaçamento dos elementos de uma página de forma prática e fácil. Isso garante mais flexibilidade e agilidade não apenas para os elementos textuais e gráficos que constituem essa mesmo página, mas também para profissionais que trabalham com essa linguagem de estilos.


É possível mudar a cor, estilo e tamanho de uma fonte, até fazer coisas mais elaboradas como animações, transições gradientes de forma simples e fácil dando um visual altamente profissional para sua páginas e sistemas se usado da forma correta.



Utilização do CSS


Como já dito anteriormente o CSS é utilizado em conjunto com o HTML e JS, a união destas 3 linguagens possibilita criar páginas incríveis e extremamente profissionais, toda WEB é desenvolvida em cima destas 3 linguagens, cada uma com sua responsabilidade dentro da página,

HTML: estrutura, CSS: estilo e JS: lógica.


Abaixo temos um exemplo de uma páginas HTML simples sem o uso de nenhum estilo:



Agora iremos aplicar um estilo mudando o tipo da fonte e a cor da mesma vamos adicionar a tag <style> com no exemplo abaixo:


<style>

h1 {

color: red;

font-family: monospace;

}

</style>


Logo obteremos o seguinte resultado:



Veja mudamos a cor e o tipo de fonte de forma rápida e simples, logicamente esse é um exemplo básico e apenas uma dentre o mundo de possibilidades que o CSS nos fornece. Existem também vários frameworks que agilizam o desenvolvimento tais eles: Bootstrap, Materialize, AntDesing entre outros, falaremos sobre cada um deles em uma outra oportunidade.


O CSS está na versão 3, dentre todas as evoluções, ele possibilita construir animações tanto em 2 como e 3 dimensões, também possui novos mecanismos para um maior controle sobre o estilo com o qual se mostram as características das páginas. Continue nos acompanhando.


Se conecte no Linkedin: https://www.linkedin.com/in/adriano-aluizi-4171b2124/


Até a próxima Dev!

0
25

Comentários (0)

<code/>

Brasil