Assine:
Utilizando Estilo Css No Site
Utilizando estilo css no site
Escrito por juliana ribeiro em .Net. Data: 13/12/2007
Licença: Alguns direitos reservados. Dar créditos ao autor e linkar este original
Neste tutorial iremos aprender a utilizar Cascading Style Sheets(CSS), que serve para criarmos estilos que podem ser utilizados em várias páginas de um web site, permitindo assim a reutilização de estilos para padronização do site.
Para adicionar um arquivo css, clique com botão direito do mouse no projeto e em Add New Item e selecione Style Sheet, informando o nome do arquivo css e clique em Add.
Para facilitar, poderemos utilizar o Build Style para criarmos as classes de estilos, da seguinte forma:
Assim podemos utilizar o Style Buider para definir o estilo que deseje aplicar ao seu site.
A forma mais popular é utilizar classes de estilos, se tornando mais simples utilizá-la chamando nas páginas pelo nome das classes.
Ao lado do Build Style, temos o Add Style Build, onde criamos a classe selecionando class name e colocando o nome da classe desejada.
Exemplo:
Neste exemplo criamos duas classes de estilos com sua formatação.
Para utilizar o arquivo CSS criado anteriormente, inclua a seguinte tag no <HEAD> da página.
<link href="Estilo.css" rel="stylesheet" type="text/css" />
Para adicionar um arquivo css, clique com botão direito do mouse no projeto e em Add New Item e selecione Style Sheet, informando o nome do arquivo css e clique em Add.
Para facilitar, poderemos utilizar o Build Style para criarmos as classes de estilos, da seguinte forma:
Assim podemos utilizar o Style Buider para definir o estilo que deseje aplicar ao seu site.
A forma mais popular é utilizar classes de estilos, se tornando mais simples utilizá-la chamando nas páginas pelo nome das classes.
Ao lado do Build Style, temos o Add Style Build, onde criamos a classe selecionando class name e colocando o nome da classe desejada.
Exemplo:
CODE
.legenda
{
font-weight: bold;
font-size: 9px;
color: #44593f;
font-family: Arial;
}
.aviso
{
font-weight: bold;
font-size: 14px;
color: #ff3333;
font-family: Arial, Monospace;
}
{
font-weight: bold;
font-size: 9px;
color: #44593f;
font-family: Arial;
}
.aviso
{
font-weight: bold;
font-size: 14px;
color: #ff3333;
font-family: Arial, Monospace;
}
Neste exemplo criamos duas classes de estilos com sua formatação.
Para utilizar o arquivo CSS criado anteriormente, inclua a seguinte tag no <HEAD> da página.
<link href="Estilo.css" rel="stylesheet" type="text/css" />
Mais recentes em .Net
- Exibindo mapa usando a api do google.
- Por Ivan - Usando subgurim.net...
- Compactando arquivos com c#
- Por Joaquim Tito - Dotnet zip library...
- Dez razões para adotar o asp.net 3.5
- Por DPLF - 10 razões para adotar o asp.net 3.5publicado em: 20/03/2008...
- Download de arquivos com asp.net
- Por Leonard - Iremos aprender como fazer download de arquivos com o asp.net...
- Emitindo beep com c#
- Por Leonard - Iremos aprender como emitir um beep apartir de uma dll no c#...
Ver mais Artigos de .Net.
Ver e retirar outras dúvidas no fórum Webly.
Alguns Direitos Reservados | RSS | O Fórum
Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com
Comentários:
Cledilson disse:
parabéns!!
//ops: alguem move esse tuto pra tableless e css
David Cruvinel disse:
É aqui mesmo pois se refere ao .NET usando o Visual Studio.
Joaquim Tito disse:
Cledilson.
Como o David alertou, esse é um tuto específico para inserção de CSS via Visual Studio para desenvolvedores .NET.
Cledilson disse:
Como o David alertou, esse é um tuto específico para inserção de CSS via Visual Studio para desenvolvedores .NET.
Ah tah... blz...
Mas o que seria exatamente o .NET ...?
----------------
Ficou bom o tuto!!!
Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).