Tutorial CSS – CSS Básico

tutorial-css

Veja dicas de CSS Básico

CSS é uma linguagem de programação ótima que dá estilo ao HTML ela é escrita de uma form bem básica e fácil que pode ser escrito com uma arquivo a parte entre as tag do HTML ou inline que é direto no elemento usando o parametro style

Para utilizar com um arquivo externo você chama ele desta forma

Para utilizar no arquivo HTML você usa desta forma

Com o CSS você pode adicionar estilo a ids classes e pseudo-classes chamando elas dessa forma

#root – exemplo de id designada pelo cerquilho, joga da velha, que seja, antes do nome
.links – exemplo de classe designada pelo ponto antes do nome
html – exemplo de pseudo-classe designada pelo nome por exemplo, div, span, a…

Os comentários no css são adicionados desta forma, podendo ser um bloco ou uma linha.

/* Comentário */

O código CSS as vezes se torna chato e dificil com a questão de ser cross browser ou seja funcionar de forma idêntica ou parecida em todos os browsers e isso é uma tarefa bem chata. Com a morte aos poucos do highlander da internet que é o i.e 6 isso tem começado a ficar um pouco menos chato mas não tão trabalhoso como é normalmente.

O CSS tem o conceito de herança da programação orientada a objeto que é ótimo para muitas coisas você pode usar um id que agrega diversas classes e ir modificando detalhes de algumas ajudando o código e fazendo com que você poupe trabalho e peso no arquivo.

Agora vou passar aqui alguns trechos de código CSS e na próxima parte eu explico mais alguns outros conceitos e dicas sobre esta linguagem muito boa

html,body{
padding:0;
margin:0;
font-family:verdana,tahoma;
font-size:13px;
}

Acima eu coloquei aqui um exemplo de zeramento do html e a definição da fonte que será o padrão do documento e também o tamanho da fonte os dois podem ser alterados no decorrer do código mas todos que não tiverem alteração seguirão este padrão.

Mais Dicas:  Makro Atacadista Endereços - www.makro.com.br

#bannner{
position:absolute;
z-index:500;
width:300px;
height:300px;
left:0;
top:0;
}

Acima eu coloquei um exemplo de um banner que fica acima do conteudo do site (position:absolute) e que irá aparecer na camada 500 (z-index:500) eu uso números exagerados neste parametro para não acontecer alguma falha, este banner mede 300 pixels de largura (width) por 300 de altura (height) e fica fixo no ponto zero apartir do topo (top) e no ponto zero apartir da esquerda (left).

Mais Dicas 2018

  • Concurso Exército 2018 – Inscrições Inscrições Concurso Exército 2018  O Concurso Exército 2018 está com bastante vagas interessantes para esse ano, e isso desperta o interesse em varias pessoas, ainda mais daquelas que estão se preparando e estudando anos e anos, por isso que veremos aqui algumas informações sobre esse concurso, fique por dentro e saiba onde você pode estar fazendo a sua inscrição antes que a mesma acabe. As vagas do Concurso Exército 2018 são o que as pessoas mais andam perguntando, para […]
  • Feriados 2018 Datas dos  Feriados 2018 Em 2018 teremos vários feriados, e se você deseja ficar por dentro de quais são eles, não deixe de conferir essas informações aqui no post de hoje, o bom de ficar por dentro é que você já pode ir organizando o que fazer nessas datas, se vai viajar ou fazer qualquer outra coisa, já vejam quais são os dias que você terá umas folgas para sair da rotina. Os calendários com feriados 2018 já estão sendo disponibilizados para que as pessoas possam imprimir, […]
  • Focus 2018 – Preço, Fotos Lançamento do Carro Focus 2018  A nova versão do Focus 2018 ganhou muitas mudanças, com certeza muita gente vai querer adquirir esse novo modelo de carro, tanto que o mesmo já tem previsão para ser lançado aqui no Brasil, a marca anunciou que até em Março de 2018 o carro já está circulando no mercado brasileiro. Mas o que ainda não sabemos é o preço desse carro, e com tantas mudanças com certeza deve ter aumento significativo. O preço do Focus 2018 não foi definido, mas em […]
  • Alistamento Militar 2018 – Como fazer Como Fazer o Alistamento Militar 2018? Todos os anos temos o Alistamento Militar e para esse ano os interessados tem que ficar de olho porque se não passa o prazo de inscrições e fica para o próximo ano, portanto, veja as informações sobre o Alistamento Militar 2018 e veja também onde é que você pode realizar a sua, de acordo com a região em que você mora, esse alistamento é muito importante e todos nós sabemos disso. O Alistamento Militar 2018 é feito de acordo com cada […]
  • Vestidos de Noiva 2018 – Fotos Novas Tendências de  Vestidos de Noiva 2018 Os novos Vestidos de Noiva 2018 estão com tendências nunca vista antes, com modelos diferentes que fogem do padrão, mas ao mesmo tempo as novas  tendências buscou manter um pouco da tradição, que são os vestidos na cor branca, mas você verá as novidades no post de hoje, entenda o que mudou, cada modelo mais bonito que o outro. Quem vai casar esse ano tem que ficar por dentro das tendências de Vestidos de Noiva 2018 para saber o […]
  • Plantas para Casas com 2 quartos – Modelos, Fotos Dicas de Plantas para Casas com 2 quartos As Casas com Dois quartos são as mais procuradas hoje em dia, e isso porque algumas famílias não querem uma casa muito grande e nem com cômodos sobrando, por isso que não falta modelos de Plantas para Casas com 2 quartos porque elas são as mais solicitadas. E se você está pensando em construir a sua casa com dois quartos mas ainda não tem o projeto da mesma, veja hoje as dicas que nós trouxemos. A planta é importantíssima para a […]
  • Capinhas para iPhone Diferentes – Modelos e Fotos As Capinhas para Iphone Diferentes chamam a atenção de qualquer pessoa, e hoje o que não falta são modelos diferentes, tanto femininos como também masculinos, e você vai poder conferir aqui onde comprar essas capinhas que estão fazendo o maior sucesso. E se você tem esse modelo de celular ou quer presentear alguém que tenha veja a variedade de modelos que existem para você escolher, com certeza você ficará em duvida sobre qual modelo levar. O que chama a atenção das pessoas […]
  • Lembrancinhas de Batizado infantil – Fotos Fotos e Modelos de Lembrancinhas de Batizado infantil As Lembrancinhas de Batizado infantil são compostas de vários e vários modelos diferentes, e o que trouxemos hoje para vocês é variedade e modelos diferentes, então não deixe de conferir as nossas dicas de Lembrancinhas de Batizado infantil , com certeza você encontrará o que tanto precisa. Existem Lembrancinhas de Batizado infantil Baratas que são bem diferentes e criativas, e pode ter certeza que você não precisará gastar […]
  • Tatuagens de Dragão – Fotos, Desenhos Fotos e Modelos de Tatuagens de Dragão As Tatuagens de Dragão são bem estilosas, e não é de hoje que as pessoas tem preferencia por esse modelo de tatuagem, ainda mais porque ela possui muitos significados, e já outras pessoas só fazem mesmo porque acham o desenho legal, e hoje iremos conferir mais noticias sobre esse modelo de tatuagem, e quem está pensando em fazer vai poder decidir o modelo no post de hoje. Os modelos de Tatuagens de Dragão são ótimos porque com base […]
  • Plantas para Casas com 4 quartos – Modelos, Fotos Modelos de Plantas para Casas com 4 quartos Para construir uma casa a primeira coisa que devemos fazer é a planta, sem ela não tem como planejarmos o que queremos,e  como hoje em dia as famílias estão buscando casas com vários quartos nós estamos trazendo algumas dicas de Plantas para Casas com 4 quartos, veremos os diferentes modelos de plantas que estão sendo usados. Se você está pensando em construir uma casa com quatro quartos não deixe de conferir as nossas sugestões de […]
Mais Dicas:  Passagens Aereas Baratas 2018


Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *