CSS Box: improvisada i efecte

els fulls d'estil en cascada (CSS) per tota la seva simplicitat lògica fan possible no només per crear una solució de disseny espectacular, sinó que també proporcionen elements d'acció real, per emular el rendiment del codi real.

Qualsevol etiqueta HTML visual-marca - una àrea rectangular d'una estructura i un contingut en particular. L'element comprèn una indicació de les coordenades, mida, farcit, color, font, estil de font, i així successivament. Frame CSS-element d'ells especifica zona ocupada, estant situat cap a l'interior des dels seus límits en el present document amplada designada.

descripció de la sintaxi

CAMP element de col·locació especificat coordenades relativa a la cantonada superior esquerra de la pàgina (esquerra, a dalt), la mida a les adreces horitzontal i vertical (amplada, alçada). Tots els elements de disseny i animació es fan en parells "propietat: valor".

La descripció es realitza directament en el codi de la pàgina per inserir l'estil o en un arxiu separat, assenyalant referència LINK. sintaxi:

#Nom {propietat: valor; propietat: valor; propietat: valor; ...}

o

.name {propietat: valor; propietat: valor; propietat: valor; ...}

El nom també pot ser p, cos, html, taula, td ..., que és el nom de l'etiqueta HTML-marcat. Pot estar connectat directament amb la descripció de l'element d'estil.

Abans de fer el meu propi estil d'escriptura, no fa mal per veure com es fa en llocs populars, mantenint el codi de la pàgina, o prement Ctrl-T per veure directament en el navegador.

Els principals paràmetres

estil En realitat element de marc CSS representat (-estil de vora), color (border-color), amplada (border-width). Tot es pot resumir en una propietat - frontera. Pot descriure cada un de forma independent la frontera del marc (border-top, border-bottom, border-left, border-right).

marc CSS descrit per les regles generals de les fulles d'estil en cascada:

frontera: 3px;
border-color: vermell;
-Estil de vora: discontínua doble de punts sòlid.

Aquesta descripció estableix l'ample de la vora de 3 píxels, color - costats vermells, l'estil: costat superior de la doble, dreta - discontínua, fons sòlid, esquerra - punt.

border-width: 1px 2px 4px 8px;
border-color: blue;
frontera d'estil: esquitxat.

En aquest cas, les dimensions de cada costat són també seqüencialment de dalt, a la dreta, el color - blau, i l'estil - Spot.

border-color: negre blau verd vermell;

en aquesta especificació, s'especifica el color de forma individual a cada costat. propietat border pot incloure diversos paràmetres, i els angles de la trama pot ser rodona:

frontera: 1px sòlid de color verd;
frontera de ràdio: 0px 4px 8px 12 píxels,
-moz-border-radius: 0px 4px 8px 12 píxels,
-webkit-border-radius: 0px 4px 8px 12 píxels,

Sobre la forma de fer el marc de CSS, que depèn de la capacitat d'ús del visitant, ja que en general l'efecte d'estil s'utilitza per a fins tècnics, quan és important per mostrar la ubicació exacta i la mida de l'àrea de la pàgina.

El gruix de la trama i el seu propòsit

En triar el gruix de la muntura, pot utilitzar px, pt, em ..., però cal tenir en compte que és sempre dins de l'element de camp. És difícil suposar que el marc té un propòsit de disseny CSS, però tècnicament és molt útil per posar en relleu els elements de la pàgina.

Si la classe de marc principal està bloquejat, que està absent, especificant en pseudo-classe: hover, es pot demostrar al visitant de l'element de pàgina, quan és el cursor del ratolí, com ressaltar un element del menú. A vegades cal seleccionar alguna cosa fent clic a la imatge, o arrossegar alguna cosa en algun lloc. És molt còmode d'utilitzar marc de punt, i no canviar l'element del fons o del seu contingut.

Algunes aplicacions requereixen l'assignació d'àrees de la pàgina, o seleccionar elements per al seu posterior processament. En aquest cas, en el moment de l'clic per crear un div amb una vora i el temps que el visitant no s'allibera el botó del ratolí, canvieu la mida, que mostra visualment el resultat de l'elecció.

fora sota

tutorials CSS són molt interessants, ja que és la importància de la investigació codis de pàgines de llocs populars. No obstant això, els recursos propis han de ser únics, ha de tenir la seva pròpia cara.

Proporcionat la sintaxi del marc de CSS no dóna una varietat tal, com la seva pròpia iniciativa. Improvisada - un gran començament, i res no impedeix que un desenvolupador per construir el seu propi marc. Especialment amb tots els èxits de la tecnologia d'Internet i capacitats dels estàndards existents tenen moltes idees prometedores sobre la base de les deficiències reals de la sintaxi existent, que és (per definició) ha estat sempre una estrictament formal.

En particular, si i per establir l'abast de certs elements, sembla apropiat fer-ho exhaustivament. Destacant les etiquetes individuals en els costats i angles d'una regió, pot obtenir efectes sorprenents. A l'assignació dels manipuladors respectius, poden crear elements de pàgina dinàmics, canviant la posició, forma i contingut.