CSS: konsepsyon tab. egzanp nan enskripsyon

Fè tab ak CSS - nan leson enteresan e ki responsab. Apwòch sa a biznis bezwen konplètman, ki gen konesans nan tout estil yo posib. Anplis de sa, li nesesè yo posede yon sans de bote nan lòd pa fè moun pè nan vizitè kreyativite yo.

Tab yo ka transfòme prèske tout bagay. Bèl konsepsyon enplike itilizasyon an nan limit CSS tab konsepsyon, jan nou koumanse tab, jan nou koumanse selilè, diferans ki genyen ant yo ak plis ankò. Konsidere ki pi fondamantal la.

fwontyè tab

CSS konsepsyon style tab toujou enplike nan yon jwèt ak yon fwontyè (ankadreman). Tout tab default yo pa kontou ankadreman. Ki se, li se egal a 0 piksèl. Men, sa a ka korije pa fwontyè a pwopriyete.

Ou ka presize ankadreman an deyò pou tab la tout antye:

tab {fwontyè: 3px solid nwa; }

Mèsi a liy sa a nan tout tab yo sou sit la ki sèvi ak sa a style se nwa ankadreman. Remake byen ke fwontyè a sèlman sou bor yo, men se pa anndan tab la. Pou liy selilè ak ankadreman espesifye otreman.

th, td {fwontyè: 3px nwa solid;}

Epesè a ak koulè, ou ka presize nenpòt ki. Kenbe nan tèt ou ke limit yo pa double lè rakordman selil yo.

Pawòl Bondye a vle di yon solid enskripsyon kontinyèl. Ou ka presize lòt valè.

li se pi souvan itilize ankadreman solid, kòm li sanble plis atire epi yo pa distrè atansyon soti nan kontni prensipal la nan sit la.

ka pwopriyete fwontyè dwe espesifye tou sou tablo a. ka Fwontyè a sèlman ki ka fikse pou tèt la, anba, gòch la oswa bò dwat. Paske nan kèk ka li se pa yon opsyon posib ak ankadreman an pou tab la tout antye nan yon fwa.

tab {fwontyè-tèt: 1px solid wouj; }

Se konsa, ou ka mete ankadreman an pou tèt la nan tablo a sèlman. Menm jan an tou nan nenpòt lòt pati yo, olye pou yo jis tèt ekri: dwat, gòch la oswa anba.

header tab

ka header Table dwe espesifye lè l sèvi avèk tag nan . tag Sa a kapab nan CSS la yo enskri yon anpil nan pwopriyete pou amann-akor. Desen an tab CSS se yon bon bagay paske li se posib yo manevwe eleman yo wout la ou vle.

se titre parèt nan menm fason an kòm yon estanda nan liv (tankou "Tablo 1").

Ou ka presize kote a nan tit ak pwopriyete caption-kòt la (tèt oswa anba). Aliyen bò gòch la oswa dwa se defini nan pwopriyete tèks-aliman a.

tab background

Jan nou koumanse nan tablo a kapab gen nenpòt ki koulè oswa modèl. Koulè kouche yon pwopriyete jan nou koumanse-koulè. Non yo nan pwopriyete yo konplètman ki konsistan avèk itilizasyon nan diskou. Li fasilite estoke plizyè fwa.

ka Koulè a dwe espesifye kòm non an, ak ankodin diferan. Anplis de sa, ou ka presize bagay sa yo:

• Transparan - transparan.
• Eritye - koulè se menm jan ak sa yo ki an eleman nan paran yo.
• Premye - default.

ka Opsyon ak transparans dwe itilize nan ka sa yo kote tout tab yo nan tèks la nan dosye a CSS yo te fè nan yon sèl koulè, men nan ka sa a pa gen okenn bezwen.

Anplis de sa, jan nou koumanse la pouvwa gen yon imaj. Pou fè sa, nan style preskri pwopriyete a jan nou koumanse-imaj. Chemen an se tankou sa a:

url ( 'URL')

Chemen an nan dosye a ka swa fanmi oswa absoli.

Ka plis konplike ranpli dwe fè ak yon gradyan:

• lineyè-gradyan ();
• radial-gradyan ();
• repete lineyè-gradyan () ak repete-radial-gradyan () - gradyan repete.

selil background

Anplis de sa nan yon background an jeneral, ou ka presize yon background trase nan kolòn oswa ranje. Pou anrejistreman nan pwopriyete a se itilize trè souvan, paske separasyon an vizyèl nan liy ki pi fasil li enfòmasyon.

Anplis de sa nan aplikasyon an, epi ou ka presize ki kantite yon kolòn patikilye oswa ranje. Pou egzanp tankou sa a:

• tr: nyèm-pitit (menm) {...} - presize antrelak;
• tr: nyèm-pitit (1) {...} - endikasyon de pwopriyete yo nan yon ranje patikilye;
• td: nyèm-pitit (menm) {...} - yon endikasyon de altène kolòn;
• td: nyèm-pitit (1) {...} - yon endikasyon de pwopriyete yo nan yon kolòn patikilye.

Anplis ka sekans ak nimewo dwe espesifye - premye (td a: premye pitit) oswa pase a (td: dènye-pitit).

Diferans ki genyen ant selil yo

Nan CSS, konsepsyon tab pèmèt ou yo retire espas ki genyen ant selil yo. Pa default yo ye. Pou egzanp, si ou mete ankadreman an nan tablo a san yo pa mete distans ki genyen ant limit yo, li pral isit la rezilta sa a.

Mwen dakò, li sanble pa trè bèl ak li se pa pratik yo li. Itilizatè yo ap gen tranch rid nan je yo paske yo te sa a. Retire twou vid ki genyen sa yo ka pa ekri jis tankou yon liy nan style la tab:

fwontyè-tonbe: efondre

Men, li tou k ap pase ki distans la, sou kontrè a, yo ta dwe ogmante. Anplis, ka gwosè a nan twou vid ki genyen yo dwe espesifye kòm ant kolòn ak ant liy yo. Yo endike ke se yon valè (olye pou tonbe):

fwontyè-tonbe: separe

Men, aksyon sa yo pral endike ke li se nesesè yo separe selil yo. Jan li te ye pataje yo, ki endike plis pwopriyete:

fwontyè-espas: 20px.

Si ou vle ou presize yon distans diferan ant ranje yo ak kolòn, li endike de bagay:

fwontyè-espas: 10px20px.

Diferans lan nan navigatè yo

Kenbe nan tèt ou ke nan CSS nan tab konsepsyon ka gade diferan, tou depann de navigatè a. Espesyalman move se ka a ak vèsyon ki pi ansyen, ki innovations nan CSS pa sipòte.

pi wo a la se yon egzanp sou epeseur ankadreman nan valè dijital.

Pou egzanp sa a, epesè a nan ankadreman yo pou konstan yo.

Styles fwontyè tou diferan anpil.

Se poutèt sa, devlopman an toujou wè rezilta a nan navigatè diferan.

Nan CSS tab konsepsyon rekòmande yo tcheke ki kalite navigatè. Patikilyèman gwo pwoblèm itilize yo dwe nan itilizatè ak pi gran vèsyon an Internet Explorer.

devlopè trè avanse ka, tou depann de navigatè a konekte dosye CSS konplètman diferan. Men, yon moun fè yon chèk nan chak oswa kèk style patikilye (klas).

Pifò pwoblèm leve soti nan lonbraj yo.

CSS: Fòma Table Egzanp

ka Enskripsyon dwe byen varye. Li tout depann sou sit la antye ak desen li yo. Tout ta dwe konbine ak koulè dyapre. Epitou li fè yon gwo wòl ak gou pwomotè. Sans nan bote se tout diferan.

Nou bay kèk egzanp nan tab yo divès kalite. Figi a pi wo a montre itilize nan enklinezon epi jwe ak koulè nan background ak fwontyè.

Anpil pwal enteresan egzanp nan konsepsyon bèl pwòp ki pa pral koupe itilizatè yo nan je yo. reyalizasyon Sa a se ki apwopriye a nan prèske nenpòt sitiyasyon.

Bor yo ki kapab fèt balanse. Li sanble trè bèl.

konklizyon

Kòm ou ka wè, pou aparans nan wòch yo nan CSS gen anpil zouti. Chak paramèt se tou yon kantite lajan gwo ki gen valè opsyon. Si ou sèvi ak li tout nan yon fwa, ou kapab kreye chèf. Espesyalman si ou fè adaptasyon konsepsyon pou tout navigatè.

Bagay pwensipal lan nan desen an - pa twòp l 'ak efè. Tout yo ta dwe fè nan modération. Nan premye fwa, Layout a renmen eksperyans epi sèvi ak tout konesans yo imedyatman. Kòm yon rezilta nan tab la yo se pwopriyete oversaturated. Eseye evite erè sa yo.

Anplis, gen kèk paramèt gen dwa entèfere ak youn ak lòt. Pou egzanp, pa gen okenn bezwen ou presize koulè nan background nan tablo a, pandan y ap si gen se toujou mete imaj background, ki pral sipèpoze koulè a espesifye.