CSS Box: rögtönzött és hatása

Cascading Style Sheets (CSS) minden logikus egyszerűség teszi lehetővé nem csak létrehozni egy látványos megoldásnak, hanem olyan elemeket valódi cselekvés, hogy versenyez a teljesítménye a tényleges kódot.

Bármilyen vizuális elemet HTML-jelölés - egy téglalap alakú terület egy különös szerkezetét és tartalmát. Az elem jelzését tartalmazza a koordinátákat, méret, padding, szín, betűtípus, stílus, és így tovább. Frame CSS-elem határozza meg őket elfoglalt területen helyezkedik befelé annak határokat jelű szélességét.

szintaxis leírása

FIELD elhelyezés megadott elem koordináták képest a bal felső sarokban az oldal (balra, fent), a méretet a vízszintes és függőleges irányban (szélesség, magasság). Minden tervezési és animációs elemek készülnek párban „tulajdonság: érték”.

Leírás történik közvetlenül az oldal kódot beilleszteni stílus vagy egy külön fájlban, rámutatva, hogy neki LINK hivatkozási. szintaxis:

#name {tulajdonság: érték; tulajdonság: érték; tulajdonság: érték; ...}

vagy

.name {tulajdonság: érték; tulajdonság: érték; tulajdonság: érték; ...}

A név is lehet p, test, html, asztal, td ..., hogy a neve a HTML-jelölés tag. Közvetlenül csatlakoztatható a leírása a stílus elem.

Mielőtt akár a saját írás stílusa, nem árt, hogy hogyan kell ezt csinálni a népszerű oldalak, miközben az oldal kódja, vagy a Ctrl-U, hogy megtekinthesse közvetlenül a böngészőben.

A fő paraméterek

Tulajdonképpen CSS keret elem egyúttal stílus (border-style), színes (border-color), szélessége (border-width). Ez mind összefoglalni egy ingatlan - határon. Akkor le minden keretszegély függetlenül (border-top, border-bottom, border-left, border-jobbra).

CSS keret által leírt általános szabályai Cascading Style Sheets:

border: 3px;
border-color: red;
border-style: dupla szaggatott szilárd pontozott.

A leírás meghatározza a határ szélessége 3 pixel, szin - piros, stílus oldala van: a felső oldalon a kettős, igaz - szaggatott, tömör alsó, bal - pont.

határ-szélesség: 1px 2px 4px 8 képpontnál;
border-color: blue;
border-style: pontozott.

Itt a méretei mindkét oldalon is egymás után fentről, balról jobbra, szín - kék, és stílus - Spot.

border-color: kék red green fekete;

ebben a leírásban, egyedileg meghatározott színes mindkét oldalon. border tulajdonság lehetnek több paramétert, és a szögek a keret lehet kerek:

border: 1px zöld szilárd;
border-radius: 0px 4px 8 képpontnál 12px;
-moz-border-radius: 0px 4px 8 képpontnál 12px;
-webkit-border-radius: 0px 4px 8 képpontnál 12px;

Hogyan lehet a keret CSS, ez attól függ, a használhatóságát a látogató, mert általában a stilisztikai hatás műszaki célra használt, amikor fontos, hogy bemutassák a pontos helyét és méretét a terület az oldalon.

A keret vastagsága és célja

A választott a keret vastagsága, akkor px, pt, em ..., de meg kell jegyezni, hogy ez mindig a területen elem. Nehéz feltételezni, hogy a keret egy CSS design célra, de műszakilag nagyon hasznos kiemelni az elemek az oldal.

Ha a fő keret osztály van zárva, hogy hiányzik, megjelölve azt a pszeudoosztályban: hover, ki lehet mutatni, hogy a látogató az oldal elem, amikor a kurzort, így kiemelve a menüpontot. Néha szükség van kiválasztani valamit, kattintson a képre, vagy húzza valamit valahol. Ez nagyon kényelmes használni dot keret, és nem változik az elem háttere vagy annak tartalmát.

Egyes alkalmazások elosztása a területeket az oldalon, vagy a kiválasztott elemek további feldolgozásra. Ebben az esetben idején a kattintás, hogy hozzon létre egy div egy határ, ameddig a látogató nem engedjük fel az egérgombot, átméretezés azt, mutatja vizuálisan az eredmény a választás.

kívül alatt

CSS útmutatók nagyon érdekes, mint a kutatás fontosságát kódok oldalak népszerű oldalak. Ugyanakkor a saját források egyedinek kell lennie, rendelkeznie kell saját arcát.

Feltéve, hogy a szintaxis a CSS keret nem ad ilyen fajta, saját kezdeményezésére. Impromptu - egy nagyszerű kezdet, és semmi sem akadályozza meg a fejlesztő építeni saját keretet. Különösen minden vívmánya az internetes technológia és képességeit a meglévő szabványok sok ígéretes ötletek alapján valós hiányosságokat a meglévő szintaxis, amely (definíció szerint) mindig is szigorúan formális.

Különösen akkor, ha, és hozza létre a körét bizonyos elemeit, célszerűnek tűnik, hogy erre átfogóan. Kiemelve az egyes címkék a oldalai és szögei egy régió, akkor kap lenyűgöző hatást. A hozzárendelése adott rakodók, hozhatók létre dinamikus oldalelemek változó helyzete, formája és tartalma.