Ponto42 - Web & Marketing

O que é CSS e para que serve?

Mais um post do Blog, e agora vamos falar sobre o CSS. O que é CSS, e pra que serve? Como posso utilizar? Veja como funciona!

Ponto42 » Blog » Web » O que é CSS e para que serve?

O que é CSS e para que serve?
  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Um bom dia, boa tarde, ou boa noite pra você que está lendo! Vamos continuar a saga do desenvolvimento de um website. Desta vez iremos falar sobre o CSS. O que é CSS? De onde surgiu? Como funciona?

O que é?

CSS significa Cascading Style Sheets, que em português seria algo como folhas de estilo em cascata, e é uma linguagem que complementa e formata o HTML (HyperText Markup Language). Com o CSS é possível modificar tudo em um site, colocar estilo em diferentes elementos, ou até separar seções dentro de um site.

O CSS foi criado pois com a evolução dos recursos e necessidades. As páginas da internet estavam adotando cada vez mais estilos e variações, com isto linguagens de marcação simples como o HTML, que eram destinadas apenas para apresentar os conteúdos, também precisaram ser aprimoradas. Então foram criadas tags e atributos de estilo para o HTML, porém não funcionou por causa de complicações na hora de definir um padrão entre muitas páginas. Então assim foi criado o CSS.

Como usar?

O CSS pode ser usado de 3 formas diferentes. A primeira forma é a inline, e deve ser usada na mesma linha de uma tag, desta maneira:

 <p style=’color:red’>A cor deste texto é vermelho.</p>

 

A cor deste texto é vermelho.

 

A segunda forma é dentro da tag head, onde você coloca todo o css dentro da tag <style>

<style>
p{
color: red;
}

h1{
color: blue;
}
</style>

 

Titulo de Azul

Paragrafo vermelho

 

E a terceira forma é criando um arquivo só para o CSS e chama-lo dentro do head, desta maneira:

 <link rel="stylesheet" href="style.css"/>

Aqui definimos que este arquivo é uma folha de estilo através do atributo rel e definimos onde o arquivo foi criado através do href. O arquivo CSS pode ter o nome que você desejar, porém sempre deve ter o .css no final para identificar que é uma folha de estilo. E dentro deste arquivo o css funciona da mesma forma que dentro da Tag Style.

<style>
p{
color: red;
}

h1{
color: blue;
}
</style>

Vou deixar também neste post um link para um PDF da W3C ensinando um pouco mais sobre o CSS. http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf

Espero que esse Post tenha sido útil a você. Deixe um comentário sobre o que achou. Até a próxima! :)

Postado em Web no dia
  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Deixe seu comentário aqui:

O que é PHP?

O que é PHP?

Mais um post do Blog, e hoje vamos falar sobre aquele que é o motor da empresa! Você vai conhecer melhor o PHP, como...

IR PARA O POST!