登录 | 注册 | FAQ
Anonymous

Como por este código no style.

+ 发表回复

10 篇帖子 分页: 1 / 1


Como por este código no style.

deciorocha » 周四 3月 22, 2012 9:18 pm

Olá pessoal, tudo bem???

Sou novo aqui e estou começando com CSS. Já sei alguma coisa de html, php, mysql, mas, agora decidi que vou aprender CSS.

bom minha primeira dúvida é esta.

Tenho alguns botões que recebem uma formatação especial.

Queria colocar o CSS dentro do paragrafo do botão, mas, não consegui.

O código é este:

代码: 全选
<style type="text/css">
.botao  {
   position:absolute;
   top:20px;
   left:50px;
   margin:0px;
   padding:0px;
}
.botao a, .botao a:visited {
   background: url('botao_link.gif') no-repeat
   center center;
   color:#999;
}
.botao a:hover {
   background: url('botao_hover.gif') no-repeat
   center center;
   color:#999;
}
</style>

<p class="botao">
<a href="#" title="Meu Link">Botão CSS</a>
</p>


Queria que o código CSS estivesse todo contido no lugar do class, se utilizando de style, assim:

<p style="font-size: 12px;">
Alguém consegue me ajudar???
Vlw
头像

deciorocha

  • 帖子: 5
  • 注册: 周四 3月 22, 2012 9:00 pm
  • 地址: http://www.deciorochainfo.com.br/

Re: Como por este código no style.

XainPro » 周五 3月 23, 2012 9:08 am

usar esse código
代码: 全选
.botao a { //code }
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Como por este código no style.

deciorocha » 周六 3月 24, 2012 4:20 am

XainPro 写道:usar esse código
代码: 全选
.botao a { //code }



Obrigado por responder, mas, queria exatamente retirar o style do head.
Queria que ele estivesse dentro do código do botão.

Como neste exemplo: <p style="font-size: 12px;">

O que preciso é que ele não apareça no Style do <head>, preciso do código CSS dentro do componente.

Não sei se estou sendo claro???
头像

deciorocha

  • 帖子: 5
  • 注册: 周四 3月 22, 2012 9:00 pm
  • 地址: http://www.deciorochainfo.com.br/

Re: Como por este código no style.

XainPro » 周日 3月 25, 2012 8:23 am

<a href="file-path" style="background: url('botao_hover.gif') no-repeat center center; color:#999;>text to link </a>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Como por este código no style.

deciorocha » 周二 3月 27, 2012 8:59 pm

XainPro 写道:<a href="file-path" style="background: url('botao_hover.gif') no-repeat center center; color:#999;>text to link </a>


E ai XainPro, obrigado por responder.

Assim, este código como está eu já sabia fazer, a minha ideia é colocar o resto do código.

Falando um pouco sobre links, temos estágios, a (link), visited (já clicado), hover (sobre ou focado).

Citando como exemplo o fato de vc por a imagem botao_hover.gif no estágio hover, a pergunta, como coloco dentro deste mesmo codigo, junto com o estágio hover o botao_link.gif para o estágio visited dentro do estágio correspondente.

Entendeu O que eu preciso??? Preciso que dentro do style conste todos os estágios do botão.

Vlw
头像

deciorocha

  • 帖子: 5
  • 注册: 周四 3月 22, 2012 9:00 pm
  • 地址: http://www.deciorochainfo.com.br/

Re: Como por este código no style.

XainPro » 周三 3月 28, 2012 9:41 am

em CSS você deve definir linke

<style type="text/css">
A: link {text-decoration: none}
A: visited {text-decoration: none}
A: active {text-decoration: none}
A: hover {text-decoration: underline; color: red;}
</ style>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Como por este código no style.

deciorocha » 周四 3月 29, 2012 2:52 pm

XainPro 写道:em CSS você deve definir linke

<style type="text/css">
A: link {text-decoration: none}
A: visited {text-decoration: none}
A: active {text-decoration: none}
A: hover {text-decoration: underline; color: red;}
</ style>


Olá XainPro, obrigado por responder.

O que imagino, é algo deste jeito -
代码: 全选
<a href="file-path" style="A: link {text-decoration: none} A: visited {text-decoration: none} A: active {text-decoration: none} A: hover {text-decoration: underline; color: red;} color:#999;" />text to link </a>

- este ai não funciona.

O problema é fazer como fiz ai com o fundo diferente. ai queo bicho pega
Ao menos eu aqui não consegui

Vlw
头像

deciorocha

  • 帖子: 5
  • 注册: 周四 3月 22, 2012 9:00 pm
  • 地址: http://www.deciorochainfo.com.br/

Re: Como por este código no style.

XainPro » 周一 4月 02, 2012 4:51 am

você é bem-vinda.
eu sou feliz em saber que você ajudou no seu problema.
cumprimentos,
XainPro
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Como por este código no style.

deciorocha » 周二 4月 03, 2012 8:20 pm

Oi XainPro, blz???

Acho que esta resposta ai em cima não foi para esta questão, foi???

Ainda continuo sem resolver meu problema.

Vlw
头像

deciorocha

  • 帖子: 5
  • 注册: 周四 3月 22, 2012 9:00 pm
  • 地址: http://www.deciorochainfo.com.br/

Re: Como por este código no style.

XainPro » 周三 4月 04, 2012 5:33 am

Eu acho que está resolvido
colocar esse código na seção HEAD do arquivo HTML.
代码: 全选
<style type="text/css">
A: link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}
</style>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1