Valores Permitidos | Formato dun sitio web: CSS

Na seguinte táboa amoso os principais valores que podemos empregar na nosa regra de estilos. Lembra que para empregar un valor fai falta unha propiedade á que lle vai afectar (as propiedades están na seguinte sección):

Unidades de medida
Cores
Tipos de letra
Sombras
Espazos en branco
URLs

Exemplo

Descrición

Unidades de medida

10px, 10pt Son valores de medidas absolutas. Vamos a empregar píxeles (aínda que tamén se pode considerar relativa) e puntos. Antes da medida vai o número da medida

10rem Son valores de medidas relativas en rem. Antes da medida vai o número da medida.

Cores

aqua, black, blue,

fuchsia, gray, green,

lime, maroon, navy,

olive, orange, purple,

red, silver,teal,

white e yellow

Podemos especificar o nome da cor, tal e como está na celda anterior

rgb(71, 98, 176) Especifica unha cor en decimal. Cada cor vai dende o 0 ata o 255 e o primeiro cor e a gama do vermello (no exemplo o 71) , o segundo o verde (no exemplo o 98) e o último o azul (no exemplo o 176)

rgba(71, 8, 17, 0.5) Especifica unha cor en decimal con transparencia. Cada cor vai dende o 0 ata o 255 e o primeiro cor e a gama do vermello (no exemplo o 71) , o segundo o verde (no exemplo o 98) e o último o azul (no exemplo o 176). Por último vai o valor que representa a transparencia da cor, que estará comprendido entre 0.0 (totalmente transparente) e 1.0 (totalmente ópaco)

#aaddff Especifica unha cor en hexadecimal. Cada cor vai dende o 00 ata o ff (sempre pomos 2 díxitos) e o primeiro cor e a gama do vermello (no exemplo o aa) , o segundo o verde (no exemplo o dd) e o último o azul (no exemplo o ff)

Tipos de letra

Arial, "Times New Roman", Serif

Especificamos o nome do tipo de letra ou o nome da familia do tipo de letra (serif, sans-serif, monospace,...). Separanse entre ,.

Temos que ter en conta que non todos os dispositivos que van a visualizar a páxina Web ten todas as fontes que temos no noso ordenador, polo que normalemnte empregaremos as básicas:

"Times New Roman",Garamond ou Georgia (familia serif),
Arial,Verdana, Helvetica ou Trebuchet (familia sans-serif)
Courier, "Courier New" ou "Andele Mono" (familia monospace)

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> Importar unha fonte de Google Fonts

Sombras

5px 10px 7px rgb(10, 230, 89)

Especifica o ancho, alto, tamaño do difuminado e cor da sombra. No exemplo da celda anterior vemos onde pomos cada un dos valores:

5px: É unha unidade de medida que indica ata onde vai o ancho da sombra
10px: Unidade de medida que indica ata onde vai o alto da sombra
7px: Unidade de medida que indica o tamaño do difumidado
rgb(10,230,89): Cor que indica a cor da sombra

Espazos en branco

Podemos especifica como se comportan os espazos en branco na propiedade white-space. Os posibles valores e comportamento dos espazos en branco son os seguintes:

Valor	Respecta espazos en branco	Respecta saltos de liña	Axusta as liñas
`normal`	non	non	si
`pre`	si	si	non
`nowrap`	non	non	non
`pre-wrap`	si	si	si
`pre-line`	non	si	si

URL

url("imaxenes/imaxen.jpg") Dirección relativa ao recurso dentro do noso sitio web, no exemplo facemos referencia a imaxe imaxen.jpg que se atopa dentro da carpeta imaxenes que está sitiado na mesma carpeta da nosa páxina Web

url("http://www.drodicio.com/imaxen.jpg") Dirección URL dun recurso en Internet. Neste caso facemos referencia á imaxen imaxen.jpg que está situada na Web http://www.drodicio.com