CSS Box: óundirbúinn og áhrif

Cascading Style Sheets (CSS) fyrir öllum sínum rökrétt einfaldleika gera það mögulegt ekki einungis að búa til fallegt hönnun lausn, en einnig veita þætti alvöru aðgerða, til að líkja árangur af raunverulegu kóða.

Allir sjón tag HTML-merkingar - rétthyrnd svæði tiltekinni uppbyggingu og innihald. Þátturinn samanstendur vísbendingu um hnit, stærð, padding, lit, letur, leturgerð stíl, og svo framvegis. Frame CSS-þáttur skilgreinir þeim uppteknum svæði, sem staðsett er inn af mörkum sínum á afmörkuðu þessara breidd.

setningafræði lýsingu

FIELD staðsetning þáttur tilgreint hnit miðað við efra vinstra horninu á síðunni (til vinstri, efst), stærð í lárétta og lóðrétta stefnu (breidd, hæð). Öll hönnun og fjör þættir eru gerðar í pörum "eign: value".

Lýsing er gert beint í kóða til að setja stíl eða í sérstakri skrá, sem bendir honum LINK tilvísun. setningafræði:

#name {eign: gildi; Eign: gildi; Eign: gildi; ...}

eða

.name {eign: gildi; Eign: gildi; Eign: gildi; ...}

Nafnið getur einnig verið p, líkami, HTML, borð, td ..., það er nafn HTML-Markup tag. Má tengja beint við lýsingu á stíl frumefni.

Áður en þú gera upp eigin ritstíl minn, ekki meiða til að sjá hvernig það er gert á vinsæll staður, halda kóða, eða með því að ýta á Ctrl-U til að sjá það beint í vafranum.

Helstu breytur

Raunverulega CSS ramma þáttur fulltrúa stíl (border-stíl), lit (border-lit), breidd (border-breidd). Það geta allir verið dregið saman í einu eign - landamæri. Hægt er að lýsa hvern ramma landamæri óháð (border-toppur, border-botn, border-vinstri, border-hægri).

CSS ramma lýst með almennum reglum stílblöð:

landamæri: 3 px;
border-litur: rauður;
border-stíl: tvöfaldur punktalínan solid dotted.

Þessi lýsing setur breidd 3 punkta, lit landamæri - rauður, stíl hliðum: efri hlið af the tvöfaldur, hægri - hljóp, fast neðst, vinstri - lið.

border-breidd: 1px 2px 4px 8px;
border-litur: blár;
border-stíl: dotted.

Hér, mál hvorri hlið eru einnig í röð frá toppi, réttsælis, lit - blár og stíl - Spot.

border-litur: blár rauður grænn svartur;

í þessari lýsingu, hvert fyrir sig tilgreind lit á hvorri hlið. Eign landamæri geta verið margar breytur og hornin á rammanum getur verið umferð:

border: 1px grænn solid;
border-radíus: 0px 4px 8px 12px;
-moz-border-radíus: 0px 4px 8px 12px;
-webkit-border-radíus: 0px 4px 8px 12px;

Um hvernig á að gera ramma í CSS, það fer eftir notagildi gesturinn, því yfirleitt stylistic áhrif er notað til tæknilegra nota, þegar það er mikilvægt að sýna nákvæma staðsetningu og stærð svæðisins á síðunni.

Þykkt ramma og tilgangi þess

Með því að velja þykkt ramma er hægt að nota px, PT, em ... en það ætti að hafa í huga að það er alltaf innan sviði frumefni. Það er erfitt að gera ráð fyrir að grindin hefur CSS hönnun tilgang, en tæknilega er það mjög gagnlegt að varpa ljósi á þætti síðunnar.

Ef helstu ramma Námskeiðið er læst, það er ekki til staðar, með því að tilgreina það í gervi-flokki: sveima, það er hægt að sýna fram á að gesturinn á síðu frumefni, þegar það er músarbendillinn, svo sem auðkenna valmyndaratriði. Stundum er nauðsynlegt að velja eitthvað með því að smella á myndina, eða draga eitthvað einhvers staðar. Það er mjög þægilegt að nota punktur ramma, og ekki að breyta bakgrunn á frumefni er eða innihald hennar.

Sum forrit þurfa úthlutun sviðum síðunni eða velja hluti til frekari vinnslu. Í þessu tilviki, á þeim tíma því að smella til að búa til div með landamæri og svo lengi sem gesturinn hefur ekki sleppa mús hnappur, búa það, sýna sjónrænt niðurstöðu vali.

utan við

CSS námskeið eru mjög áhugaverð, eins og er á mikilvægi rannsókna númera síðum vinsæll staður. Hins vegar eigin auðlindir verður að vera einstakt, verður það að hafa eigin andlit sitt.

Að því tilskildu að setningafræði CSS ramma gefur ekki svo margs, sem að eigin frumkvæði. Óundirbúinn - frábær byrjun og ekkert kemur í veg verktaki til að byggja upp eigin ramma þeirra. Sérstaklega með öllum árangri af Internet tækni og getu núverandi staðla eru mörg spennandi hugmyndir byggðar á raunverulegum göllum í núverandi setningafræði sem er (eftir skilgreiningu) hefur alltaf verið stranglega formlega.

Einkum ef og að koma umfang tiltekinna þátta, það virðist rétt að gera svo ítarlega. Undirstrika einstaka merki á hliðum og sjónarhornum á svæði, er hægt að fá ótrúlega áhrif. A framselja viðkomandi vöruna, er hægt að búa til öflugt síðueiningum, breyta stöðu, lögun og efni.