A CSS é uma linguagem de estilos, a partir da qual se criam páginas web com um design mais apelativo para os utilizadores.
CSS é a sigla para Cascading Style Sheets.
Foi introduzida pela primeira vez em 1996, pelo World Wide Web Consortium (W3C). O seu nome deriva diretamente da forma como é aplicada na prática. A sua apresentação visual é semelhante a uma cascata, cujas regras definem um esquema de prioridades de estilo a aplicar nas páginas web.
Se a confusão já se instalou, é normal! Linguagens de estilos, programação e desenvolvimentos web são uma especialidade, não é?
Mas descanse porque, neste artigo, vamos desempacotar o que é a CSS, qual a sua importância hoje em dia e as vantagens de aplicar este tipo de linguagem ao site da sua empresa.
Com uma garantia: não precisa de saber quase nada sobre programação.
O que é CSS?
Antes de avançarmos para o que é CSS, importa explicar o que é o HTML, numa linha. Basicamente, o HTML são as linhas de código que estruturam um site. Voltemos a 1996.
Lembra-se de como eram apresentadas as páginas da internet, por esta altura? Ainda que se lembre apenas mais ou menos, uma coisa é certa: visualmente, eram páginas muito pobres.
Eram todas muito parecidas umas às outras, com algum texto e um fundo branco, por exemplo. Existiram várias razões para que assim fosse, embora uma se sobreponha a todas as outras: estávamos em 1996!
As páginas eram pensadas, estruturadas e construídas em HTML.
Esta era não só uma linguagem nova, como a sua personalização era um processo moroso e complexo. Mas cedo se percebeu que era necessário complementar-se a informação com um sentido estético mais apelativo.
A CSS nasce precisamente desta necessidade.
As Cascading Style Sheets complementam o HTML e definem a forma como os conteúdos se apresentam visualmente.
A título de exemplo, com a CSS aplicam-se cores de fundo de páginas, marcam-se os espaçamentos entre linhas e parágrafos, ajustam-se imagens, variam-se layouts, entre todas as manifestações visuais que possíveis de se aplicar.
Por isso mesmo, HTML e CSS tendem a andar sempre lado a lado, ainda hoje. Enquanto o primeiro cria as fundações e a estrutura, o segundo trata da estética e apresentação visual.
Sendo assim, a sua importância é quase autoexplicativa.
A importância da CSS
A importância da CSS torna-se mais percetível quando não utilizada.
Quando navega pela internet e dá de caras com um website que lhe parece antiquado, é provável que uma de duas coisas tenha acontecido: ou o ficheiro com as Cascading Style Sheets não carregou devidamente ou o mais certo é nem ter sido utilizado.
Mesmo assim, a importância da CSS vai mais longe.
Uma vez que esta linguagem é criada e mantida a parte, isso significa que o código que estrutura o site (o HTML) pode ser mantido de forma mais fácil: é mais curto, mais elegante e permite aumentar a velocidade de carregamento.
É também por esta mesma razão que as Cascading Style Sheets permitem uma personalização praticamente infinita, sem por isso imiscuir-se com o modo como o site se estrutura ou funciona.
Como funciona a CSS?
Como já vimos, o HTML nunca foi criado para definir um estilo de visualização propriamente dito. O mais importante era a sua capacidade para a estruturação e funcionalidades de um site como um todo.
Por isso mesmo, quando se sentiu essa necessidade, o objetivo foi criar um complemento que funcionasse e mantivesse a simplicidade do HTML: a CSS.
Na prática, as Cascading Style Sheets funcionam como linhas de código em cascata que definem as prioridades com que os elementos devem ser apresentados visualmente.
Como acontece em todas as línguas, existem algumas regras, embora neste caso mais pertinentes para as equipas de programação.
Por outras palavras, seria um artigo sobre como escrever em CSS, no qual regras tais como a utilização do ponto-e-vírgula, os dois pontos ou as chavetas, seriam partilhadas.
Neste caso, importa apenas referirmos os vários tipos de CSS.
Quais os tipos de CSS?
Existem três tipos de CSS: externo, interno e inline.
Contudo, quando falamos em tipo, falamos realmente em formas de implementação. Ao abordarmos cada um destes tipos de CSS vai entender ao certo o que queremos dizer.
CSS Externo
Este é o tipo de CSS ideal, nomeadamente na construção de sites com maior conteúdo. A palavra “externo” significa que as regras ou as linhas de código a implementar são mantidas num ficheiro à parte – externo.
Uma das suas muitas vantagens é a possibilidade de modificar a apresentação de um site inteiro de uma só vez, num único local, sem interferir com a restante estrutura – ou seja, com as linhas de código que definem as funcionalidades do mesmo.
Na prática, este é o modo como definimos CSS ao longo de todo o artigo, no qual as linhas de código HTML se mantêm à parte. Na forma de implementação interna, acontece o oposto.
CSS Interno
Embora o externo seja o tipo de CSS ideal, o interno tende a ser o que faz mais sentido em sites de página única. Neste formato, a implementação é feita dentro do formato HTML e não em paralelo.
Por um lado, isto tende a aumentar um pouco a velocidade de carregamento mas, porque se trata de uma única página, a sua gestão torna-se mais fácil, como um todo.
CSS Inline
Por último, temos o CSS Inline. Este tipo de implementação permite a definição individual de cada elemento específico de HTML.
Por isso mesmo, é mais demorada e acaba por transformar qualquer alteração de maior envergadura num processo penoso e demorado.
Imagine que é necessária uma alteração tão simples quanto a diminuição do tamanho de letra dos títulos – teria de o especificar um a uma ao longo de todo o código do site.
Contudo, pode dar-se o caso de não ter acesso ao ficheiro CSS e, assim, esta pode ser uma boa solução. Esta versatilidade é, aliás, uma das suas vantagens, à qual se associam outras: mais três, para sermos exatos.
Vantagens da CSS
Existem três vantagens imediatamente associadas à implementação de CSS ou Cascading Style Sheets: a diversidade, a responsividade e a rapidez.
Diversidade
A utilização de CSS permite a aplicação de diversos estilos e formatações, em diversas páginas ao mesmo tempo. Todas as definições são guardadas num ficheiro externos e os efeitos ou alterações aplicam-se por inteiro.
Esta diversidade permite a criação de sites visualmente complexos, mas cujo desempenho se mantém em linha com as boas práticas.
Responsividade
A responsividade é uma exigência de qualidade por parte dos utilizadores. A CSS permite a adaptação de vários elementos visuais aos mais variados tipos de ecrãs, através de um framework chamado Bootstrap que executa funções específicas.
Rapidez
Tudo isto culmina na rapidez com que um site pode ser desenvolvido e mantido, tendo em conta as boas práticas do universo digital em que nos encontramos.
É também por isso que uma grande maioria dos sites utiliza CSS, sendo aliás um requisito tão importante como tudo o resto que se espera de um site preparado para responder às exigências não só dos utilizadores, mas também das empresas.
Se estiver a pensar em criar ou alterar o seu site, fale connosco – trabalhamos com tecnologia à medida, informada pela análise de dados e uma estratégia digital.
Tiago Simonette Teixeira | Bluesoft
