مرجع مقالات کاربردی حوزه اپلیکیشن

روی هم رفته دو نحوه برای ایجاد کرد یک جدول طراحی اپلیکیشن در مشهد در سی اس اس وجود داراست.

طرز اولیه این میباشد که عنصرها را باطن نصیب مرتبط با روزهای هفته و همچنین جدول تاریخ را در درون یک selector مخلوط نمائید. درصورتی که ما این فعالیت را اعمال دهیم ما قادر خواهیم بود این سلکتور را در درون display: grid تهیه و تنظیم کنیم، در این مکان ما علامت میدهیم که کدهای HTML ما اینک چه‌طور می باشند:

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

28

اینجانب این طرز را نادیده می‌گیرم به این دلیل‌که در‌این طرز HTML معنای ساختاری خویش را از دست خواهد اعطا کرد. اینجانب ترجیح می دهم روزهای هفته و جدول تاریخ را در موادسازنده غیر وابسته ای حفظ کنم به این دلیل‌که این فعالیت سبب میشود تا کدهایی که در سی اس اس می نویسم عالی قابل قرائت و پی بردن باشند. در کد تحت اینجانب ساختار HTML که برای جاری ساختن این شغل گزینش کرده ام را آوره ام:

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

28

شایسته ترین خط مش برای ایجاد کرد یک جدول در سی اس اس با به کار گیری از ساختاری که اینجانب به شما توصیه دادم به کارگیری از subgrid است. متاسفانه اکثر مرورگرها هنوز subgrid را حفاظت نمی‌کنند. در عین هم اکنون شایسته ترین رویه این میباشد که دو جدول جداازهم را بسازید که یکی‌از آنان برای روزهای هفته و دیگری برای جدول مرتبط با تاریخ باشد.

هر دو جدول مرتبط با روزهای هفته و جدول تاریخ میتوانند از جدول های 7 ستونه برای این عمل استعمال نمایند.

/* The grid */

.day-of-week,

.date-grid {

display: grid;

grid-template-columns: repeat(7, 1fr);

}