CAPÍTULO 2 – TIPOS DE CSS

Na utilização de CSS há uma decisão importante a tomar: que tipo de CSS utilizar?
CSS Interna ou CSS Externa?
Vamos ver de que se tratam.

CSS INTERNA

Neste tipo de CSS o que se está a fazer é a colocar o código CSS entre as tags <head></head> de cada ficheiro (X)HTML que está a formatar com as propriedades CSS, como se pode verificar no seguinte exemplo:

<head>
<title><title>
<style type=”text/css”>
As propriedades CSS ficam aqui
</style>
</head>
<body>

Desta forma cada um dos ficheiros (X)HTML terá o código CSS necessário para os formatar.
A grande desvantagem desta abordagem é o facto de quando for necessário efectuar uma alteração numa propriedade CSS, esta alteração terá que ser efectuada em cada um dos ficheiros (X)HTML.
Esta desvantagem é ultrapassado utilizando CSS Externas.

CSS EXTERNA

Uma CSS Externa é um ficheiro com a extensão .css que se cria utilizando um qualquer editor de texto (por exemplo, o NotePad) ou com uma aplicação como Adobe Dreamweaver, onde estão definidas as propriedades CSS que se quer aplicar a uma página ou site.
Para que as propriedades CSS contidas nesse ficheiro .css sejam aplicadas a um ficheiro (X)HTML, basta inserir o respectivo código entre as tags <head></head>, tal como mostrado no seguinte exemplo:

<link rel=”stylesheet” type=”text/css” 
href=“caminho para ficheiro.css” />

Pode também optar por utilizar o método @import como mostrado no seguinte exemplo:

<style type=”text/css”>
@import url(caminho para ficheiro.css)
</style>
Bookmark and Share