0

Propriedades CSS – FONT

css

PROPRIEDADES CSS

As propriedades no Css são utilizadas para especificar formatações ao seus seletores, sejam eles seletores class, id ou tags. No Css existem propriedades que definem o estilo de fonte, textos, plano de fundo, margens internas, margens externas, imagens, formulários, links, etc.

Veremos cada uma delas começando pela Propriedade Font.

PROPRIEDADES FONT

As propriedades para as fontes, definem as características (os valores na regra CSS) das letras que constituem os textos dentro dos elementos HTML.
As propriedades básicas para fontes e que abordaremos nesta postagem são as listadas abaixo:

  • color:  Define a cor da fonte.
  • font-family: Define a família de fontes que você pode utilizar em sua página.
  • font-size: Define o tamanho da fonte.
  • font-style: Define o estilo da fonte.
  • font- variant: Fontes maiúsculas de menor altura.
  • font-weight: Define quanto mais escura a fonte é (negrito).
  • font: Usada para definir todas propriedades em uma única declaração.
Valores usados para cada propriedade:
  • color:
      • código hexadecimal: #FFFFFF
      • código rgb: rgb(255,235,0)
      • nome da cor: red, blue, green…etc
  • font-family:
      • nome da família de fontes : define-se pelo nome da fonte,  p. ex:”verdana”, “helvetica”, “arial”, etc.
      • nome da família genérica: define-se pelo nome genérico,  p. ex:”serif”, “sans-serif”, “cursive”, etc.
  • font-size:
      •  xx-small, x-small, small, médium, large, x-large, xx-large, smaller, larger,
      • length: uma medida reconhecida pelas CSS (px, pt, em, cm, …)
      •  %
  • font-style:
      • normal: fonte normal na vertical
      • italic: fonte inclinada
      • oblique:fonte obliqua
  • font-variant:
      • normal: fonte normal
      • small-caps: transforma em maiúsculas de menor altura
  • font-weight:
      • normal, bold, bolder, lighter
      • 100, 200, 300, 400, 500, 600, 700, 800, 900

Exemplo:

0

Seletores CSS

cssSELETORES CSS

Seletores HTML – Atributos

Os seletores HTML são utilizados para definir estilos nas tags da linguagem de marcação HTML.
Sintaxe:
Exemplo:

Seletores CLASS

Você não está restrito somente aos elementos HTML (tags) para aplicar regras de estilo. Você pode “inventar” um nome e com ele criar uma classe a qual definirá as regras CSS.
Exemplo:

E o mais interessante das classes, é que elas podem ser aplicadas a qualquer elemento HTML. E mais ainda, você pode aplicar estilos diferentes para o mesmo tipo de elemento da HTML, usando classes diferentes para cada um deles.
Exemplo:
Utilização:

Seletores ID

O seletor ID difere do seletor classe, por ser ÚNICO. Um seletor ID de determinado nome só pode ser aplicado a UM e somente UM elemento HTML dentro do documento.
Você pode “inventar” um nome e com ele criar um ID ao qual definirá as regras CSS. Um determinado ID só pode ser aplicado a UM elemento HTML. A sintaxe para o seletor ID é mostrada a seguir:
Exemplo:

0

Integrando Formulários HTML com PHP

phpFORMULÁRIOS HTML – PARTE 01

 Os formulários HTML são utilizados para fazer interação com páginas HTML, através de envio de informações (dados) e requisições. Os formulários podem enviar informações através de métodos os mais comuns são o GET e o POST. Leia mais sobre formulários na apostila de HTML.
Sintaxe:
  • name: o identificador do formulário.
  • action: nome do script que receberá os dados do formulário ao ser submetido.
  • method: método de envio dos dados: get ou post;

Métodos GET e POST

GET: O método GET utiliza a própria URL para enviar dados ao servidor, quando enviamos um formulário pelo método GET, o navegador pega as informações do formulário e coloca junto com a URL de onde o formulário vai ser enviado e envia, separando o endereço da URL dos dados do formulário por um “?” (ponto de interrogação).
POST: O método POST envia os dados colocando-os no corpo da mensagem. Ele deixa a URL separada dos dados que serão enviados e com isso podemos enviar qualquer tipo de dados por esse método.
Exemplo:

Recuperando valores dos Formulários

$_GET
O comando $_GET é uma entidade superglobal do php que tem como função recuperar dados enviados através de uma URL através do método get do HTML
Exemplo:
$nome = $_GET[“txtnome”];  // Recupera o valor passado por uma input chamada txtnome
$_POST
O comando $_GET é uma entidade superglobal do php que tem como função recuperar dados enviados através de uma mensagem HTTP através do método post do HTML.

Exemplo:


Exemplo Prático: 

  • Construa o formulário HTML a seguir e salve o mesmo no diretório C:/Xampp/htdocs com o seguinte nome: formaluno.html.

  • Após Construir o formulário HTML devemos criar o script que receberá os dados enviados pelo mesmo. O nome do script está definido no atributo action do formulário html (action=”exibirdados.php”) . Crie o script  a seguir e salve o mesmo no diretório C:/Xampp/htdocs com o seguinte nome: exibirdados.php 
0

Estruturas de Controle PHP (WHILE)

phpESTRUTURA DE REPETIÇÃO – PARTE 02

Estrutura de Repetição While

O while é o comando de repetição (laço) mais simples. Ele testa uma condição e executa um comando, ou um bloco de comandos, até que a condição testada seja falsa. Assim como o if, o while também possui duas sintaxes alternativas:
Sintaxe:

ou:

Exemplo:

Estrutura de Repetição do..while

O laço do..while funciona de maneira bastante semelhante ao while, com a simples diferença que a expressão é testada ao final do bloco de comandos. O laço do..while possui apenas uma sintaxe, que é a seguinte:
Sintaxe:

Exemplo:

 Quebras de Fluxo

 Break
                O comando break pode ser utilizado em laços de do, for e while, além do uso já visto no comando switch. Ao encontrar um break dentro de um desses laços, o interpretador PHP pára imediatamente a execução do laço, seguindo normalmente o fluxo do script.
        
Exemplo:
Continue
                O comando continue também deve ser utilizado no interior de laços, e funciona de maneira semelhante ao break, com a diferença que o fluxo ao invés de sair do laço volta para o início dele.
Exemplo:

0

Estruturas de Controle PHP (FOR)

php

ESTRUTURA DE REPETIÇÃO – PARTE 01

Estrutura de Repetição for

 É um comando que repete uma instrução determinado número de vezes até que alguma condição seja satisfeita.
Sintaxe:
Exemplo: Exibir números de 1 à 10.

 Estrutura de Repetição foreach

 O comando foreach é uma estrutura de repetição utilizada para percorrer os elemento de um array.
           
Sintaxe:
Ou:
Exemplo:
Ou: