CSS Kaxxa: impromptu u l-effett

Style Sheets Cascading (CSS) għal kulħadd sempliċità loġika tiegħu jagħmluha possibbli mhux biss li tinħoloq soluzzjoni tad-disinn spettakolari, iżda tipprovdi wkoll elementi ta 'azzjoni reali, biex jimitaw il-prestazzjoni tal-kodiċi attwali.

Kull tabella viżwali HTML immarkar - erja rettangolari ta 'struttura u kontenut partikolari. L-element jinkludi indikazzjoni tal-koordinati, id-daqs, ikkuttunar, kulur, font, l-istil tal-font, u oħrajn. Frame CSS-element jispeċifika minnhom erja okkupata, li jinsabu ġewwa mill-konfini tagħha fuq nominata hawnhekk wisa '.

deskrizzjoni sintassi

Element tqegħid QASAM speċifikat koordinati relattiv għall-rokna ta 'fuq tax-xellug tal-paġna (xellug, top), id-daqs fid-direzzjonijiet orizzontali u vertikali (wisa', għoli). L-elementi kollha tad-disinn u animazzjoni huma magħmula f'pari "proprjetà: il-valur".

Deskrizzjoni isir direttament fil-kodiċi paġna li daħħal stil jew fajl separat, li tipponta lejn lilu referenza LINK. sintassi:

#name {proprjetà: il-valur; proprjetà: il-valur; proprjetà: il-valur; ...}

jew

.name {proprjetà: il-valur; proprjetà: il-valur; proprjetà: il-valur; ...}

L-isem jista 'jkun ukoll p, korp, html, tabella, td ..., li huwa l-isem ta' lametta HTML Markup. Jista 'jiġi konness direttament mad-deskrizzjoni tal-element stil.

Qabel ma tagħmel up tiegħi istil tal-kitba stess, ma iweġġgħu biex tara kif dan isir fuq siti popolari, li jżomm il-kodiċi-paġna, jew billi tagħfas Ctrl-U biex tarah direttament fil-browser.

Il-parametri ewlenin

stil Attwalment element tal-qafas CSS rappreżentati (fruntiera stil), kulur (fruntiera-kulur), wisa '(fruntiera-wisa'). kollox jistgħu jingħataw f'sinteżi fil-proprjetà wieħed - fruntiera. Tista 'jiddeskrivu kull fruntiera qafas indipendentement (fruntiera top, fruntieri bottom, xellug transkonfinali, konfini tal-lemin).

qafas CSS deskritti mir-regoli ġenerali tal-folji stil cascading:

transkonfinali: 3px;
fruntiera kulur: aħmar;
fruntiera stil: double dashed bit-tikek solidu.

Din id-deskrizzjoni jistabbilixxi l-wisa fruntiera ta '3 pixel, kulur - ġnub ħomor, stil: in-naħa ta' fuq tad-doppju, id-dritt - dashed, qiegħ solidu, xellug - punt.

fruntiera-wisa ': 1px 2px 4px 8px;
fruntiera kulur: blu;
fruntiera stil: tikek.

Hawnhekk, id-dimensjonijiet ta 'kull naħa huma wkoll sekwenzjali minn fuq, arloġġ, kulur - blu, u stil - Spot.

fruntiera kulur: blu aħmar aħdar iswed;

f'din l-ispeċifikazzjoni, speċifikata individwalment kulur fuq kull naħa. proprjetà transkonfinali jistgħu jinkludu parametri multipli, u l-angoli tal-qafas jista 'jkun tond:

fruntiera: 1px aħdar solidu;
-Raġġ transkonfinali: 0px 4px 8px 12px;
-moz--raġġ fruntiera: 0px 4px 8px 12px;
-webkit il-fruntieri 'raġġ: 0px 4px 8px 12px;

Dwar kif jagħmlu l-qafas fil CSS, li jiddependi fuq l-użabilità tal-viżitatur, minħabba normalment l-effett stilistiku hija użata għal skopijiet tekniċi, meta huwa importanti li turi l-post eżatt u d-daqs taż-żona fuq il-paġna.

Il-ħxuna tal-qafas u l-iskop tagħha

Billi jagħżlu l-ħxuna tal-qafas, tista 'tuża px, pt, em ..., iżda wieħed għandu jżomm f'moħħu li huwa dejjem fl-element qasam. Huwa diffiċli li wieħed jassumi li l-qafas għandu għan disinn CSS, iżda teknikament huwa utli ħafna biex jenfasizzaw l-elementi tal-paġna.

Jekk il-klassi qafas prinċipali huwa maqful, jiġifieri assenti, billi tispeċifika fil psewdo-klassi: imbagħad jerġgħu, jista 'jintwera għall-viżitatur' l-element paġna, meta huwa il-cursor maws, per eżempju billi jenfasizzaw oġġett menu. Xi kultant huwa meħtieġ li jintgħażlu xi ħaġa billi tikklikkja fuq l-immaġni, jew drag xi ħaġa x'imkien. Huwa konvenjenti ħafna għall-użu dot qafas, u li ma jbiddlux l-isfond l-element jew kontenut tiegħu.

Xi applikazzjonijiet jeħtieġu l-allokazzjoni ta 'oqsma tal-paġna, jew jagħżlu oġġetti għal aktar ipproċessar. F'dan il-każ, fil-mument tal-ikklikkja biex jinħoloq div bi fruntiera u sakemm il-viżitatur ma itlaq il-buttuna maws, resize, li turi viżwalment ir-riżultat ta 'għażla.

barra taħt

tutorials CSS huma interessanti ħafna, kif inhu l-importanza ta 'kodiċijiet ta' riċerka paġni ta 'siti popolari. Madankollu, ir-riżorsi proprji għandha tkun unika, għandu jkollu wiċċ tagħha stess.

Sakemm il-sintassi ta 'qafas CSS ma tagħtix din il-varjetà, kif inizjattiva tagħha stess. Impromptu - bidu kbir, u m'hemm xejn li jwaqqaf iżviluppatur biex jibnu qafas tagħhom stess. Speċjalment mal-bravuri kollha ta 'teknoloġija l-Internet u l-kapaċitajiet ta' l-istandards eżistenti ideat promettenti ħafna ibbażata fuq nuqqasijiet reali tas-sintassi eżistenti, li huwa (skont id-definizzjoni) dejjem kien strettament formali.

B'mod partikolari, jekk u biex jistabbilixxu l-ambitu ta 'ċerti elementi, jidher xieraq li jsir hekk komprensiv. Sottolinear tags individwali fil-ġnub u l-angoli ta 'reġjun, tista' tikseb effetti aqwa. A handlers rispettivi assenjazzjoni, jistgħu joħolqu elementi paġna dinamiċi, tibdil tal-pożizzjoni, forma u l-kontenut.