CSS: جدول ډیزاین. د نوم ليکنې د بېلګې

جوړول جدولونو سره CSS - د درس په زړه پورې او په غاړه لري. چې دا د سوداګرۍ او کړنلاره باید د وړتیا، سره د ټولو ممکنه سبک پوهه. برسېره پر دې، دا ضروري ده تر څو د خپل خلاقيت لیدونکو وويروي نه د ښکلا د احساس لري دی.

د جدولونو کولای تقریبا هر څه د بدلون. ښکلی ډیزاین کې د CSS جدولونو ډیزاین سرحدونو، په جدول شاليد، د حجری شاليد، د دوی او نور تر منځ د واټن د استعمال. تر ټولو اساسي پام کې ونيسئ.

جدول د سرحدي

CSS جدول سبک ډیزاین تل سره د سرحدي (چوکاټ) يوه لوبه شامله ده. ټول تلوالیزه جدولونو خدوخال د چوکاټ نه دي. دا ده چې، دا برابر 0 پېکسل. خو دا د ملکیت د پولې له خوا اصلاح شي.

تاسې کولای شی چې د ټول جدول د بهرنی چوکاټ مشخص:

جدول {سرحدي: 3px جامد تور؛ }

د دې کرښې په پر ځای چې دا ډول کاروي د ټولو هغو جدولونو مننه ده تور چوکاټ. په یاد ولرئ چې د پولې يوازې په څنډو، خو نه د مېز دننه. د ګرځنده لینونه او د چوکاټ په بل مشخص شوې دي.

مه، TD {سرحدي: 3px جامد تور؛}

د ضخامت او رنګ، تاسو د کوم مشخص شي. په ياد ولرئ چې د پولو په دي دوه برابره نه کله چې د حجرو سره ونښلولې.

دا کلمه د یو جامد دوامداره ثبت عمومأ. تاسو کولای شی د نورو ارزښتونو ته ځانګړی کړی.

دا تر ټولو عام ډول کارول کيږي جامد چوکاټ، ځکه چې ډیر په زړه پورې ښکاري او نه د ځای اصلي محتوا څخه د پام واړوي.

سرحدي ملکیت کولای شي پر تخته هم مشخص شي. د احاطې کولای شي یواځې د سر، ښکته شي، پاتې او يا د ښي لوري. ځکه چې په ځینو مواردو کې دا يو عملي انتخاب سره په يو وخت لپاره ټول جدول د چوکاټ نه ده.

جدول {سرحدي-سر: 1px جامد سور؛ }

نو تاسو کولای شي د يوازې د جدول په سر کې په چوکاټ کې جوړ. په همدې ډول د هر ډول نورو ګوندونو، د پر ځای يوازې سر وليکئ: ښي، چپ او يا ښکته.

جدول سرۍ

جدول سرۍ کولای شي د ليکنو ترتيبول په <نيونګه> د کارولو کې مشخص شي. دا په پېژندتورو کولای شي په CSS وي چې د د پرو-رام مال ډېر ثبت کړي. د CSS جدول ډیزاین ښه دی ځکه چې دا ممکنه ده چې د عناصرو دباندي د په لاره تاسو غواړی.

دا لقب په توګه په کتابونو کې یو معیاري ورته لاره (لکه "1 جدول") نندارې ته.

تاسو کولای شی د سرلیک او ملکیت نيونګه د غاړې د (سر او یا ښکته) د ځای ځانګړی کړی. د چپ هغه داؤ چې يا حق تعريف د ملکیت text-align له خوا ده.

شاليد جدولونو

د مېز شالید کیدای شي په هر رنګ او بیلګه. رنګ د ملکیت شاليد-رنګ ټاکي. د مال سره د دې په وینا د استعمال ځايونه په بشپړه توګه سمون نومونه. دا اسانتيا برابروي څو ځلې ذخیره.

د رنګ کولای شي د نوم، او د مختلفو کوډیزونه چې مشخص شي. برسېره پر دې، تاسې د لاندې مشخص شي:

• د رڼو - د رڼو.
• په ميراث - رنګ په توګه د مور او پلار عنصر چې یو شان وي.
• لومړنۍ - default.

سره شفافیت انتخاب کولای شي په هغو قضيو کې چې په متن کې د CSS دوتنه د ټولو هغو جدولونو په يوه رنګ جوړ شوي دي وکارول شي، خو په دې صورت کې هلته اړتیا نشته.

برسېره پر دې، د شاليد ښايي یو انځور وي. د دې، نه په سبک فرض شاليد-انځور ملکیت دی. په لاره کې د دې په شان ده:

url (URL)

د د دوتنې لاره کیدای شي يا خپلوان یا مطلق.

نور پیچلی ډکول کولای شي د يو پړاويز ترسره شي:

• خطي-پړاويز ()؛
• وړانګيز-پړاويز ()؛
• تکرار-خطی-پړاويز () او د تکرار-وړانګيز-پړاويز () - د پړاويز تکرار.

شاليد حجره

د په عمومي منظر سربېره، تاسو کولی شئ په کالمونو او یا قطارونو په يوه خطداره شاليد دی ځانګړی کړی. د د ملکیت د ثبتولو ډېر وختونه کارول، ځکه چې د کرښو آسانه بصري جلا ته معلومات ولولئ.

د alternation سربېره، او تاسو کولای شي د یوه ځانګړي کالم یا قطار شمېر مشخص. د مثال په توګه د دې په شان:

• په انگرېزي: nth-ماشوم (آن) {...} - interlaced مشخص؛
• په انگرېزي: nth-ماشوم (1) {...} - د د یوه ځانګړي قطار د ملکیتونو نښه؛
• TD: nth-ماشوم (آن) {...} - د متناوب ستنې یوه نښه؛
• TD: nth-ماشوم (1) {...} - د د یوه ځانګړي کالم د مال څخه کنايه ده.

ترڅنګ تعاقب او شمېرې کولای شي معلوم شي - لومړنۍ (TD: د لومړي ماشوم) او یا په تیرو (TD: تېر-ماشوم).

د حجرو تر منځ واټن

په CSS، جدول ډیزاین تاسو ته اجازه حجرو تر منځ د ځایونو لرې. په تلواله دي. د بېلګې په توګه، که تاسو پرته له دې چې د پولو تر منځ د واټن د ټاکلو په جدول کې په چوکاټ کې جوړ، دا به دلته د دې پایله وي.

هوکړه وکړي، چې دا ډیر ښه نه ګوري او دا د لوستلو مناسب نه دی. کارنان به په دې ځکه چې د سترګو د وونې او لري. د دغو تشو لرې کولای شي له خوا يوازې داسې په جدول سبک کرښې لیکلو وي:

سرحدي سقوط: سقوط

خو دا هم پیښیږي چې په لرې واټن کې، د هغې په خلاف، باید لوړ شي. سربیره پردې، د تشې په اندازه کولای شي په توګه کالمونو تر منځ او د کرښو تر منځ مشخص شي. ته ښيي چې د ارزښت (په ځای سقوط):

سرحدي سقوط: جلا

خو دا ډول عمل به ښيي چې دا ضروري ده چې د حجرو جلا ده. لکه څنګه چې دا کار د هغوی برخه وه، د اضافي ملکیت اشاره:

سرحدي-واټن: 20px.

که تاسو غواړی چې د کتارونو او د کالمونو تر منځ د یو مختلف واټن مشخص، چې دا دوه شيان په ګوته کوي:

سرحدي-واټن: 10px20px.

په لټوونی توپير

په ذهن کې چې په CSS ښايي ډیزاین جدولونو مختلفو ته وګورو، په کتو سره د کتنمل وساتئ. په ځانګړي توګه خراب دی د زړو نسخو په صورت کې، چې په CSS نوښتونو ده ملاتړ نه.

د پورته ده د ډیجیټل ارزښتونو چوکاټ ضخامت يې يو مثال دې.

د دې بېلګې لپاره، د د ثوابت د چوکاټونو د پلنوالی.

سرحدي سبک هم ډېر توپير لري.

له همدې امله، د پرمختګ تل په مختلفو لټوونی نتيجه وګورئ.

په CSS ډیزاین جدولونو سپارښتنه د کتنمل په ډول وګورئ. په ځانګړې توګه لويه ستونزه کارول سره د Internet Explorer د زړو نسخو کاروونکي وي.

ډير ژور پرمختگپالونکي کولای شي، په کتو سره د کتنمل ته په بشپړ توګه مختلفو CSS دوتنې سره ونښلوي. او څوک جوړوي چې په هر یوه پوستې او يا پر ځينو ځانګړي سبک (ټولګي).

زياتره ستونزې له سیورو څخه راپورته شي.

CSS: جدول شکل مثالونه

ليکنې په خورا توپیر کولای شي. دا ټول په ټوله سیمه او د هغې د ډيزاين پورې اړه لري. ټول باید ونیول شي او variegated رنګونه. هم دا یو لوی رول او خوند د پراختیا. د ښکلا احساس دی د ټولو توپير لري.

موږ د بېلابېلو جدولونو ځینې بېلګې ورکړئ. د انځور د پورته د ګرځیدو د استعمال په ګوته کوي او سره د شاليد رنګ او د سرحدي ولوبوي.

زياتره به د ښکلي ډیزاین د نيتبل چې به د سترګو کارنان نه پرې په زړه پورې مثال وي. دا پورتني تقريبا په هر ډول حالاتو کې مناسبه ده.

د څنډو شي مونډ کړې. داسې ښکاري ښایسته غوره.

پایلې

لکه څنګه چې تاسو کولای شي وګورئ، په CSS د جدولونه چې بڼه ډیر وسایل شتون لري. هر د پاراميټر د ارزښت د غوراوي يو ستر مبلغ هم ده. که تاسو دا ټول په يو وخت وکاروي، تاسو کولای masterpieces رامنځته کړي. په تېره بيا که تاسو يې کوئ تطابقي ډیزاین لپاره د ټولو د لټوونی.

په ډیزاین اصلي خبره - نه سره اغیزې دا overdo. هر څه باید په اعتدال ترسره شي. په لومړي سر کې، د هډوانې غواړم چې تجربه او د ژر تر ژره د خپلو ټولو علم وکاروي. لکه څنګه چې د مېز په پایله کې oversaturated ملکیت دي. کوښښ وکړئ ترڅو پر دغو غلطيو څخه ډډه وکړي.

سربیره پردې، د ځينو پارامترونه کېدای شي له يو بل سره لاسوهنه وکړي. د مثال په توګه، د مشخص اړتیا نه لري د شاليد رنګ د جدول کې، په داسې حال کې که هلته اوس هم شاليد انځور، چې به د ځانګړي رنګ سره تړلې دي.