CSS Box: impromptu ma le aafiaga

pepa o faiga faatupulaia (CSS) mo lona faigofie talafeagai uma e mafai e le gata e fatu ai se fofo mamanu mataʻina, ae foi ona maua ai elemene o le faatinoga moni, e mulimuli i le faatinoga o le tulafono moni.

So o se pine vaaia HTML-faailoga - o se nofoaga faatafafā lē tutusa o le a faapitoa fausaga ma mataupu. O le elemene e aofia ai se faailoga o le le fuafua, lapoa, padding, lanu, vai, faiga vai, ma isi mea faapena. Faavaa CSS-elemene faamaoti latou nofoaga o lo o nofoia, ua tu i totonu mai o ona tuaoi i tofia i inei lautele.

syntax faamatalaga

faamaopoopoina fanua elemene aoga faamaoti e faatatau i le tulimanu tauagavale pito i luga o le itulau (taumatau, pito i luga), o le toatele i le faatonuga faalava ma tūsaʻo (lautele, o le maualuga). ua faia elemene uma mamanu ma le aafiaga o le olaga i taitoalua "meatotino: taua".

Faamatalaga e faia tonu i le code itulau e faaofi le faiga po o se faila eseese, ma faasino atu ia te ia faasinomaga LINK. syntax:

#name {meatotino: taua; meatotino: taua; meatotino: taua; ...}

poʻo

.name {meatotino: taua; meatotino: taua; meatotino: taua; ...}

O le igoa e mafai foi ona p, tino, HTML, laulau, td ..., o le suafa o pine HTML-markup. Mafai ona fesootai tonu ma le faamatalaga o le elemene faiga.

Ae e te lei faia i loʻu lava tusitusiga faiga, e le afaina e iloa ai le auala o loo faia i le nofoaga lauiloa, le tausia o le tulafono o le itulau, po o fetaomi ctrl-U e matamata i ai tonu i le browser.

O le tapulaa autu

O le mea moni sui faiga elemene faavaa CSS (tuaoi-ituaiga), lanu (tuaoi-lanu), lautele (tuaoi-lautele). E mafai ona aoteleina uma i le meatotino - tuaoi. E mafai ona e faamatala taitasi tuaoi faavaa tutoatasi (tuaoi-luga, tuaoi-lalo, tuaoi-taumatau, tuaoi-taumatau).

CSS faavaa o loo faamatalaina e ala i le aoao tulafono o le faatupulaia pepa o faiga:

tuaoi: 3px;
tuaoi-lanu: mumu;
tuaoi-faiga: faaluaina vave mautu motumotu.

O lenei faamatalaga ua faatulagaina e le lautele tuaoi o 3 pixels, lanu - mumu, faiga itu: itu i luga o le lua, e saʻo - vave, pito i lalo mausali, na tuua - manatu.

tuaoi-lautele: 1px 2px 4px 8px;
tuaoi-lanu: lanu moana;
tuaoi-faiga: motumotu.

Iinei, o le fua o itu taitasi foi faasolosolo mai le pito i luga, faʻauati, lanu - lanu moana, ma faiga - nofoaga.

tuaoi-lanu: lanu moana mumu green uliuli;

i lenei specification, taitoatasi faamaoti lanu i itu taitasi. e mafai ona aofia ai meatotino o tuaoi o le faataamilosaga e tele, ma le angles o le tino e mafai ona faataamilo:

tuaoi: 1px green mautu;
tuaoi-faataamilosaga: 0px 4px 8px 12px;
-moz-tuaoi-faataamilosaga: 0px 4px 8px 12px;
-webkit-tuaoi-faataamilosaga: 0px 4px 8px 12px;

I le auala e faia ai le faavaa i CSS, e faalagolago i luga o le usability o le tagata asiasi, ona e masani ona e faaaoga le aafiaga stylistic mo faamoemoega faapitoa, pe a e taua ai le faaali atu i le nofoaga tonu ma le tele o le vaega i luga o le itulau.

O le mafiafia o le faavaa ma lona faamoemoega

E ala i le filifilia o le mafiafia o le tino, e mafai ona e faaaogaina px, pt, em ..., ae e tatau ona totogiina i le mafaufau ai lava i taimi uma i totonu o le vaega fanua. E faigata ona ia faapea o le tino ei ai se faamoemoega mamanu CSS, ae technically e matua aoga e faailoga le elemene o le itulau.

Afai ua loka le vasega faavaa autu, e toesea e faapea, e faamaotiina i pseudo-vasega: TAPĒINA, e mafai ona faaalia e le tagata asiasi o le elemene itulau, pe o le Autu poo le isumu, e pei o faamatilatila ai se mea pe leai. O nisi taimi e tatau ai ina ia filifili se mea i le kilikiina o le faatusa, po o le toso o se mea i se mea. E matua talafeagai e faaaoga faavaa togi, ma le o le suia o le talaaga o le elemene po o ana mataupu.

O nisi talosaga e manaomia o le faavasegaina o vaega o le itulau, po o le filifili mea mo nisi gaosi. I lenei tulaga, i le taimi o le kiliki e fatu ai se div i se tuaoi ma le umi e le faamalolo le tagata asiasi le faamau isumu, resize ai, le faaalia o le vaai o le taunuuga o filifiliga.

fafo i lalo o

E matua manaia aoaoga faamasani CSS, e pei o le taua o le suesuega tulafono laiti itulau o nofoaga lauiloa. Ae peitai, e tatau ona tulaga ese le lava punaoa, e tatau ona i ona lava foliga.

Saunia e le syntax o CSS faavaa e le tuuina atu e eseese, e avea ma ana lava fuafuaga. Impromptu - o se amataga matagofie, ma e leai se mea e taofia ai se atinae e fausia o latou lava tino. Aemaise lava i ausia uma o le Initoneti tekinolosi ma le mafai gafatia o lo oi ai nei tulaga faatonuina e tele manatu folafola faavae i vaivaiga moni o le syntax oi ai nei, o (e ala i le faamatalaga) e masani lava a matua aloaia.

I faapitoa, pe afai ma faatuina o le lio o elemene patino, e foliga mai e talafeagai ona faia faapea comprehensively. Faamatilatila pine o tagata i le itu ma angles o se vaega, e mafai ona e maua aafiaga ofoofogia. A tofia handlers taitasi, e mafai ona faatupuina ai elemene maoae itulau, le suia o le tulaga, foliga ma mataupu.