Web serces
2316 palavras
10 páginas
ESCMCSS - Cascating Styles Sheet
Professores: Noraly Nhantumbo e Anselmo Nhane
CSS – Cascating Styles Sheet
Trata-se de um padrão de formatação para páginas web que vai além das limitações impostas pelo html. Proposto pelo W3 Consortium <http://www.w3.org> - uma espécie de comitê que define os padrões de programação para a WWW - o CSS foi introduzido pela primeira vez pela Microsoft, no lançamento do Internet Explorer 3.0.
01
1
CSS – Cascating Styles Sheet
A style sheet consiste em uma ou mais regras que descrevem como os elementos de uma página Web, que correspondem particularmente aos Tags HTML serão apresentados (displayed). Toda regra em CSS tem duas partes, o Seletor e a declaração.
seletor
declaração
H1 {color : purple;} propriedade valor
02
CSS – Cascating Styles Sheet
Exemplos:
body { color: black; } p { font-family: sans serif; } p { text-align:center;}
03
2
CSS – Cascating Styles Sheet
Como adicionar Style Sheet ao HTML:
Inline Style Sheet
Esta forma de aplicar CSS em documentos HTML perde algumas das vantagens de sua aplicação misturando conteúdo e apresentação. Utilize este método com parcimônia.
Para utilizar estilos Inline, aplique o atributo “style” nos tags HTML. O atributo poderá conter qualquer propriedade CSS. Veja a aplicação abaixo:
<p style="color: sienna; margin-left: 20px;"> Isto é um parágrafo... </p>
04
CSS – Cascating Styles Sheet
Como adicionar Style Sheet ao HTML:
Internal Style Sheet
Um Style Sheet Interno deverá ser aplicado quando um simples documento tem um único estilo. Os estilos internos deverão ser definidos no HEAD do documento, utilizando o tag <STYLE> como exemplo abaixo:
<head> <style type="text/css"> hr { color: blue; } p { margin-left: 20px; } body { background-image: url("brasil.gif") }
</style> </head>
05
3
CSS – Cascating Styles Sheet
Como adicionar Style Sheet ao HTML:
External Style Sheet
Para incluir um arquivo *.css com todos os estilos que serão usados por todas as páginas do seu site,