Tamanho Fonte - CSS

Front-end

11/06/2013

olá pessoal,

to achando estranho que aparti da segunda linha o tamanho da fonte está muito grande, motivo, eu não sei.

html


<html>
	<head>
		<title>Titulo da pagina</title>		
		<link href="estilo_01.css" rel="stylesheet" type="text/css" />
	</head>
	
	<body>		
	
		<div class="aula10_border01">Borda de 1 pixel solida de cor black</div>
		<p class="aula10_border02">Borda vermelha, dotted, 3px</p>
		<p class="aula10_border02 aula10_semBorda">Sem borda</p>
		<p class="aula10_border02">Borda vermelha, dotted, 3px</p>
			
	</body> 
</html>


css


.aula10_border01 {
	border-style:1px solid black;	
}

.aula10_border02 {
	border-style:dotted;
	border-width:3px;
	border-color:red;
}

.aula10_semBorda {
	border-style:none;	
}
Roniere Almeida

Roniere Almeida

Curtidas 0

Respostas

Joel Rodrigues

Joel Rodrigues

11/06/2013

Aqui a fonte aparece normal. Limpe o cache do navegador e verifique se não há nenhum outro estilo sendo aplicado.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

11/06/2013

Ah, e esse trecho está incorreto:
border-style:1px solid black;

O correto aí seria apenas border e não border-style.
GOSTEI 0
Roniere Almeida

Roniere Almeida

11/06/2013

esse style interfere?

a fonte continua muito grande apartir da segunda linha.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

11/06/2013

Interfere por que está errado. border-style é solid, none, dotted, etc.
Aí você está informando o tipo, a cor e a espessura, é uma forma genérica de atribuir valores a vários atributos. Para usar essa forma, deve-se manter apenas a propriedade mais geral, que nesse caso é a border.
GOSTEI 0
Roniere Almeida

Roniere Almeida

11/06/2013

vou ver aqui, qualquer coisa, te dou um retorno.
GOSTEI 0
Roniere Almeida

Roniere Almeida

11/06/2013

infelizmente, a solução foi pegar o codigo pronto...mas estava identico...kkkk
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

11/06/2013

Estranho, hein.
Estou então encerrando o tópico.
GOSTEI 0
POSTAR