sistema operacional 2css em 1 html?

[SonikPlay 5]

Gostaria de saber se é possível colocar 2 css em 1 html(?)

Não tenho muito conhecimento sobre o assunto, agradeço mt a resposta. ^^

[~ AtG' ~.' 9]

Primeiro a pergunta... Porque dois tipos de css dentro da mesmo html?

Porque na verdade da pra criar classes de estilo css

 

Ex:

 

 

<html>>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Sua pagina</title>

</head>

<body>

<p><a href="# "class="linkum">Link número 1</a></p>

<p><a href="#" class="linkdois">Link número 2</a></p>

<p><a href="#" class="linktres">Link número 3</a></p>

</body>

</html>

 

 

 

CSS:

 

 

 

<style type="text/css">

<!--

/* PARA O LINK 1 */

 

a.linkum:link {

color:#FF0000;

text-decoration:none;

}

a.linkum:visited {

color:#999999;

text-decoration:none;

}

a.linkum:hover {

color:#000000;

text-decoration:underline;

}

a.linkum:active {

color:#00FF00;

text-decoration:underline;

background-color:#000000;

}

 

/* PARA O LINK 2 */

 

a.linkdois:link {

color:#FFCC00;

}

a.linkdois:visited {

color:#669900;

}

a.linkdois:hover {

color:#0000FF;

text-decoration:underline overline;

}

a.linkdois:active {

color:#FFFFFF;

text-decoration:none;

background-color:#000000;

}

 

/* PARA O LINK 3 */

 

a.linktres:link {

color:#00FF00;

background-color:#000000;

text-decoration:none;

}

a.linktres:visited {

color:#000000;

text-decoration:line-through;

}

a.linktres:hover {

color:#000000;

background-color:#FF0000;

text-decoration:none;

}

a.linktres:active {

color:#FFFF00;

text-decoration:none;

background-color:#000000;

}

-->

</style>

 

 

 

Porém da pra incorporar dentro do head do seu site links externos de CSS..

 

 

 

<link rel="stylesheet" type="text/css" href="estilo.css">

<link rel="stylesheet" type="text/css" href="estilo.css2">

 

 

 

Espero ter ajudado.

[SonikPlay 5]

eu queria usar 1 css para todas as páginas que seria para <header> e <footer>

e depois o css de cada página, fui claro? kk

mas com esse seu estilo css já me tirou até outra dúvida ^^

---

No caso para por mais de 1 css, é só duplicar a linha de link e por o css desejado? Não causa nenhum conflito? Ele processa normalmente os 2?

[FioDuMaLL 24]

Existem 3 métodos para adicionar css a uma pagina.

Dois postado pelo nosso amigo acima, que é no head da página, e outra adicionando o link do css dentro do head.

a terceira seria aplicar css diretamente a tag.

exemplo:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

lembrando que css é procedural, o que é isso?

ele começa lendo todo o código do canto superior esquerdo para inferior direito.

ou seja, na ordem que o css for adicionado, é onde ele terá realmente o valor.

 

exemplo:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

Supondo que essa pagina de css "estilo.css" tenha apenas o background de uma div teste.

Se for adicionada uma segunda pagina de css abaixo desse link, setando o background da mesma div, pra outra cor, é essa que vai permanecer, pois veio depois.

 

Se eu setar qualquer propriedade diretamente em uma tag, é essa que irá prevalecer, pois é a ultima a ser "lida".

dessa forma, você pode adicionar os css da forma que bem entender, quantas css quiser, em quantas páginas quiser.

[SonikPlay 5]

Foi de grande ajuda as respostas de vocês! Ty.

Dúvidas Esclarecidas ^^

[Juliana~* 26]

Eu é que fiquei com duvida ao ler o tópico kkkk que irónico.

 

<link rel="sylesheet" type="text/css" href="header.css">

<link rel="sylesheet" type="text/css" href="content.css">

<link rel="sylesheet" type="text/css" href="rodape.css">

 

Ai vc cria respectivamente os arquivos css...

 

Você pode repetir elementos CLASS mas não elementos ID. ID é único para cada elemento, ele nunca se repete na mesma pagina.

Elementos diretos também podem herdam, exemplo:

 

.class { background:#333; }

#id { background:#FFF; }

a { color:red; } /* Todos elementos a recebem os atributos css aqui */

#id a { /* todos elementos 'a' dentro da div #id recebem os atributos aqui descritos */ }

.outraclass, .maisumaclass { /* aqui as duas recebem os atributos */ }