SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
TAQUIGRAFIA CSS
Garcia, Diogo
1.TAQUIGRAFIA CSS
O que taquigrafia CSS?
Taquigrafia é uma palavra que vem do grego (tachys = rápido e grafia = escrita) é um
método abreviado de escrever qualquer palavra que queira, todos nos um dia
escrevemos de maneira taquigráfica. Como por exemplo:
Você = vc
Também = tbm
Que = q
Valeu = vleu
Entre outras.
1.1 TÉCNICAS ABREVIADAS PARA FUNDO
A especificação CSS permite a criação de estilos através de uma sintaxe abreviada
conhecida como CSS abreviada. Ele permite que você especifique os valores de várias
propriedades.
Um ponto interessante, é que CSS abreviada permite que os valores omitidos em uma
propriedade CSS abreviada são definidos para seus valores padrão.
1.2 TÉCNICAS ABREVIADAS PARA PROPRIEDADE DE FRONTEIRA
O que é propriedade de fronteira?
Define todas as propriedades de fronteira em uma declaração.
1.3 TÉCNICAS ABREVIADAS PARA COR
Formato hexadecimal é uma das opções sintáticas mais usadas para se
escrever o valor das cores em regra CSS.
Exemplo:
Cor vermelha (#ff0000)
p {color: #ff0000;}
Poderá ser abreviado para:
p {color: #f00;}
Outros exemplos:
1.4 TÉCNICAS ABREVIADAS PARA FONTE
A regra a seguir define valores para propriedade da font em um documento:
Pode ser abreviada para:
OBS: Para abreviar a propriedade font é obrigatório definir no mínimo os valores de
tamanho e família da font. Os demais valores são optativos.
Nessa ordem:
1. Começar com font-style, font-variant e dont-weight.
2. Declarar obrigatoriamente font-size e opcionalmente line-height (font-size/line-
height);
3. Finalmente declarar obrigatoriamente font-family.
1.5 TÉCNICAS ABREVIADAS PARA MARGEM
A regra a seguir define valores para as 4 margens para uma div:
Pode ser abreviada para:
1.6 TÉCNICAS ABREVIADAS PARA PADDING
A regra a seguir define valores para os paddings de um parágrafo:
Pode ser abreviada para:

Mais conteúdo relacionado

Mais de diogolevel3

Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcagdiogolevel3
 
Noções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadeNoções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadediogolevel3
 
Design universal
Design universalDesign universal
Design universaldiogolevel3
 
Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3diogolevel3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2diogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSdiogolevel3
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 

Mais de diogolevel3 (20)

Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcag
 
Noções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidadeNoções sobre os quatro princípios de acessibilidade
Noções sobre os quatro princípios de acessibilidade
 
Design universal
Design universalDesign universal
Design universal
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Modelo TCP/IP
Modelo TCP/IPModelo TCP/IP
Modelo TCP/IP
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Tutorial css
Tutorial cssTutorial css
Tutorial css
 
Css avançado
Css avançadoCss avançado
Css avançado
 
Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Post 5
Post   5Post   5
Post 5
 
Post 4
Post   4Post   4
Post 4
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSS
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSS
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 

Taquigrafia css

  • 2. 1.TAQUIGRAFIA CSS O que taquigrafia CSS? Taquigrafia é uma palavra que vem do grego (tachys = rápido e grafia = escrita) é um método abreviado de escrever qualquer palavra que queira, todos nos um dia escrevemos de maneira taquigráfica. Como por exemplo: Você = vc Também = tbm Que = q Valeu = vleu Entre outras. 1.1 TÉCNICAS ABREVIADAS PARA FUNDO A especificação CSS permite a criação de estilos através de uma sintaxe abreviada conhecida como CSS abreviada. Ele permite que você especifique os valores de várias propriedades. Um ponto interessante, é que CSS abreviada permite que os valores omitidos em uma propriedade CSS abreviada são definidos para seus valores padrão.
  • 3. 1.2 TÉCNICAS ABREVIADAS PARA PROPRIEDADE DE FRONTEIRA O que é propriedade de fronteira? Define todas as propriedades de fronteira em uma declaração. 1.3 TÉCNICAS ABREVIADAS PARA COR Formato hexadecimal é uma das opções sintáticas mais usadas para se escrever o valor das cores em regra CSS. Exemplo: Cor vermelha (#ff0000) p {color: #ff0000;} Poderá ser abreviado para: p {color: #f00;} Outros exemplos: 1.4 TÉCNICAS ABREVIADAS PARA FONTE A regra a seguir define valores para propriedade da font em um documento: Pode ser abreviada para:
  • 4. OBS: Para abreviar a propriedade font é obrigatório definir no mínimo os valores de tamanho e família da font. Os demais valores são optativos. Nessa ordem: 1. Começar com font-style, font-variant e dont-weight. 2. Declarar obrigatoriamente font-size e opcionalmente line-height (font-size/line- height); 3. Finalmente declarar obrigatoriamente font-family. 1.5 TÉCNICAS ABREVIADAS PARA MARGEM A regra a seguir define valores para as 4 margens para uma div: Pode ser abreviada para: 1.6 TÉCNICAS ABREVIADAS PARA PADDING A regra a seguir define valores para os paddings de um parágrafo: Pode ser abreviada para: