Eder Nascimento da Silva
O efeito cascata
Que estilo será aplicado, quando há conflito de estilos especificados (por exemplo: uma regra de estilo determina que os parágrafos serão na cor preta e outra que serão na cor azul) para um mesmo elemento HTML?
Aqui entra o efeito cascata, que nada mais é, do que o estabelecimento de uma prioridade para aplicação da regra de estilo ao elemento.
Para determinar a prioridade são considerados diversos fatores, entre eles, o tipo de folha de estilo, o local físico da folha de estilo no seu todo, o local físico da regra de estilo na folha de estilo e a especificidade da regra de estilo.
A prioridade para o efeito cascata em ordem crescente é a seguinte:
- folha de estilo padrão do navegador do usuário;
- folha de estilo do usuário;
- folha de estilo do desenvolvedor;
- estilo externo (importado ou linkado).
- estilo incorporado (definido na seção
headdo documento); - estilo inline (dentro de um elemento HTML);
- declarações do desenvolvedor com !important;
- declarações do usuário com !important;
Assim, uma declaração de estilo com !important definido pelo usuário prevalece sobre todas as demais, é a de mais alta prioridade. Entre as folhas de estilo definidas pelo desenvolvedor do site, os estilos inline (dentro de um elemento HTML) tem a prioridade mais elevada, isto é, prevalecerá sobre a folha de estilo definida na seção head, e, esta prevalecerá sobre uma folha de estilo externa. A prioridade mais baixa é para estilos padrão do navegador.
Agora você já sabe o porquê de "cascata" no nome Folha de estilo em cascata.
Consulte os diversos tutoriais deste site para saber mais sobre o efeito cascata.
O site é : http://www.maujor.com/index.php
Messias Batista
esse é o melhor site que já vi sobre css. É só colocar no google "Maujor CSS".
Volto a me dispor para ajudar caso alguém precise de dicas e tudo mais.
Não sei se já enviei para todos os links dos livro. Um desses livros é justamente sobre html, xhtml e css.
Eder, parabéns pela iniciativa. Um bom grupo de e-mail costuma fazer isso para compartilhar informações.
Abraços.
Messias
--
Bruno Soares
<style type="text/css">
* {margin:0; padding: 0}
#poiscao {position:absolute;top:10px;left:50px;}
#menu{margin:0; width:800px;}
#menu ul{list-style:none;}
#menu li a {width:100px; background-color:#0CF;
display:block; text-align:center;
float:left;font-family:"Comic Sans MS",cursive;
color:#FFF; text-decoration:none;
height:25px;
padding: 2px 3px 0px 1px ;
margin:1px;}
#menu li a:hover { background-color: #71D0FF;
height:50px}
body {background-repeat:no-repeat;
height:auto;
width:auto;
position:absolute;
top:0;
left:0;}
</style>
</head>
<body background="Turismo.jpg">
--
Messias Batista
verifique os seus width. Pode ser isso.
Na verdade não entendi o que você quer, se você quiser que a imagem fique de "plano de fundo" você terá que colocar outra função dentro do "estilo" do "body", seria o background-image, ou algo assim.
Do tipo:
body {background-repeat:no-repeat;
background-image: [o resto não lembro, mas é o caminho da imagem]
height:auto;
width:auto;
position:absolute;
top:0;
left:0;}
Abraços.
Messias Batista
--
Bruno Soares
--
Messias Batista
Ele não está posicionada da maneira correta no CSS. Esta posicionada na tag <body> do html.
Tente colocar ela no CSS e veja se melhora. Sugestão, passe a utilizar tudo que for de estilo no CSS.
Abraços.
Messias R. Batista --- Mestre em Relações Internacionais, Universidade Estaudal da Paraíba Graduado em Ciências Sociais, Universidade Federal da Paraíba Graduando em Análise e Desenvolvimento de Sistemas, Faculdade Projeção
--