CSS3 básico

A teia moderna é composta por vários aspectos, existe o técnico, o funcional e o estético, cada um desses aspectos é importante na mesma medida que os outros, porém quando uma pessoa é mais parecida com um deles tende a negligenciar eles. o resto.
Nesse sentido, quando uma pessoa está mais ligada ao aspecto técnico, geralmente negligencia o aspecto estético, onde o aspecto funcional é um cruzamento entre ambos, já que nem tudo que é muito estético será funcional, e o fato de usarmos todos As tecnologias mais recentes não fazem um site ou um projeto também.
O CSS É a forma como podemos incorporar a parte estética na web de forma amigável para o desenvolvedor, e também serve como uma linguagem universal para nos comunicarmos com a experiência do usuário e designers de Front-End, já que é a forma de dar uma olhe para qualquer site.
O que é CSS?CSS é uma linguagem simples usada para definir estilos que podem ser aplicados em documentos HTMLAo mencionar os estilos de palavras, queremos dizer que podemos controlar tudo, desde a forma como as fontes em um site são vistas até a implementação de cursores do mouse, cores, imagens, layout de tela, etc.
CSS é um padrão e está sob a responsabilidade do W3C, de modo que cada navegador com suporte para CSS Deve funcionar da mesma forma se seguir as instruções emitidas por esta instituição.
O que é CSS3?CSS3 é um nível de especificação de CSS, é a quarta especificação, uma vez que teve CSS, CSS2, CSS2.1 e agora CSS3Cada especificação parte da anterior e cada uma incorpora melhorias, novos estilos e novas formas de aplicá-los. As especificações dessas implementações podem ser vistas na web www.w3.org/Style/CSS:

PROLONGAR

Aqui podemos encontrar toda a documentação oficial, que vai desde a utilização das diferentes instruções que podemos usar, até aos aspectos técnicos que conduziram a esta implementação.
Qual é o propósito do CSS?O papel a desempenhar CSS em nossos sites é preparar nossas estruturas para serem apresentadas, ou seja, fazer o HTML que construímos parece bom para ser mostrado a um usuário. Pode parecer um pouco bobo dizer, porém é aqui que entram os três fatores que mencionamos no início, um HTML sem estilos pode ser funcional e pode usar elementos técnicos muito modernos, mas por si só não será estético; Isso implica que, embora nosso site seja o melhor, sem CSS parecerá um tanto incompleto.
Vantagens de usar CSS

• Separamos a apresentação da estrutura, isso ajuda nosso site a ser modular.
• Folhas de estilo CSS eles podem ser compartilhados por todas as páginas de um site, então ganhamos consistência e economizamos trabalho.
• Com CSS podemos criar estilos para diferentes dispositivos e ambientes.
• Manter um site que você implementou CSS é muito mais fácil.

Navegadores modernos
Nos primórdios da web moderna, estamos falando dos anos 90, havia poucas opções de navegadores, mesmo alguns sendo pagos, mas o que mais podemos lembrar foi certamente a guerra de Explorador de internet Y NetscapeIsso deu um impulso para levar em conta o aspecto funcional, porém, estar em guerra significava que cada navegador tinha suas regras e isso tornava a vida impossível para o desenvolvedor web. Atualmente temos muitas opções de navegador, e a grande maioria é gratuita para o usuário, as mais importantes são:

• Google Chrome.
• Safári.
• Mozilla Firefox.
• Ópera.
• Internet Explorer.

PROLONGAR

Cada navegador pertence a diferentes desenvolvedores, e eles são responsáveis ​​por interpretar o HTML e ele CSS então cada um deve implementar os padrões do W3C, apesar disso, nem todos os navegadores se comportam da mesma maneira com a mesma instrução CSS. Este último se deve ao motor que utilizam, vamos ver qual motor cada um utiliza:
WebKitÉ um motor de código aberto e é usado por cromada Y SafáriEmbora cada um use o mesmo mecanismo, sua implementação não é necessariamente a mesma, portanto, pode haver diferenças entre os navegadores.
GeckoÉ o motor desenvolvido por Mozilla, e é usado por Raposa de fogo. Este mecanismo também é de código aberto, portanto, podemos encontrar navegadores que o compartilhem.
PrestoÉ o motor usado por Ópera e é proprietário, portanto, vamos vê-lo apenas como parte dos produtos de sua empresa-mãe.
TridenteÉ o motor de Explorador de internet e, no momento, está disponível apenas neste navegador e nos produtos da Microsoft.
Essas informações são muito importantes, porque não são apenas os navegadores de desktop que usam esses mecanismos, mas também os navegadores móveis, clientes como gerenciadores de e-mail e até alguns aplicativos. Se conhecermos o motor, podemos olhar de uma forma mais específica para podermos ter uma abordagem ao aspecto técnico que os regula.
Navegadores antigos
Até agora falamos sobre as opções de navegadores mais populares do mercado, mas não investigamos os detalhes de suas versões. Cada vez que há uma mudança de implementação no padrão de CSS cada navegador é geralmente atualizado para incorporar a mudança ou novas funcionalidades. Isso faz com que as versões antigas sejam relegadas ao passado e, portanto, seu nível de compatibilidade seja menor.
O que ocorre é que nem todos os usuários conseguem atualizar por diversos motivos, falta de permissões, incompatibilidade com aplicativos importantes em seu sistema, ou mesmo por motivos de segurança da empresa em que trabalham, que têm que testar os novos navegadores com os mesmos sistemas.
Isso significa que temos sites muito modernos que podem não funcionar nos navegadores antigos, por isso devemos tomar esse aspecto com cautela durante a construção de nossos sites.
O caso mais incômodo
Uma seção muito necessária é falar sobre Explorador de internet, e para não falar apenas das coisas ruins, já que pensamos que esta grande empresa americana tem contribuído de forma espetacular para o desenvolvimento da informática e da tecnologia da informação em nível global e histórico.

PROLONGAR

Mas talvez seja a sua importância que tenha tornado o seu navegador um dos casos mais incômodos de manusear, apenas em versões mais recentes como a atual, que é o versão 11 que houve um avanço na interpretação padrão de CSS Y JavaScript, mas em versões anteriores, como 8, 7 ou o infame 6, você tinha que fazer versões dos sites especialmente para que eles pudessem ser exibidos nesses navegadores, e isso não é o pior, senão tantas vezes havia do que sacrificando a estética e a funcionalidade apenas para tornar nossos projetos tecnicamente viáveis.
Aqui, os mais novos poderiam pensar por que continuaram desenvolvendo para esses navegadores, e a resposta é simples, apesar de tudo Explorador de internet é um dos navegadores mais usados ​​em todo o mundo porque está integrado janelas por padrão, que também é o sistema operacional mais usado.
Recentemente em 2015 foi anunciado que este navegador será descontinuado, porém seu sucessor ainda não foi totalmente revelado e quando for colocado em operação comercial poderemos ver se os antigos problemas continuarão ou não.
CSS mais do que estilos
Todo esse conhecimento é necessário, podemos saber muito sobre as instruções CSS mas se não conhecermos o pano de fundo, podemos sofrer, desde fazer uma implementação com as melhores práticas até problemas com clientes que não veem as mesmas coisas que nós vemos, tudo por usar uma determinada versão de um navegador. Atualmente existem frameworks que nos ajudam a superar todas essas adversidades, porém quando precisamos de algo muito específico, geralmente precisamos executar essa funcionalidade do zero e é aí que precisamos saber o básico de CSS.
No final deste tutorial, podemos ver que CSS É muito mais do que uma simples linguagem e muito mais do que estilos, podemos dizer que é um componente fundamental para as nossas páginas web e tem a ver com muitos aspectos, como tudo o que vimos sobre navegadores, motores e até mesmo problemas de compatibilidade.