لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: یک ظاهر طراحی جدول
Design the Web: Styling a Table
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این جدول ها ممکن است از مدارس قدیمی باشد ، اما هنوز هم یک عنصر اصلی در طراحی وب هستند. بیاموزید که چگونه با کمی جادوگری CSS آنها را درجه یک جلوه دهد. طراحی وب em> ، کریس کانورس توضیح می دهد که چه ویژگی های جدول را می توان با CSS اصلاح کرد و چگونه می توان به سرعت سبک بصری آنها را تغییر داد. وی همچنین نحوه افزودن تصویر پس زمینه ، تغییر رنگ متن و برجسته سازی ردیف ها را نشان می دهد. بعلاوه ، بیاموزید که چگونه حالتهای شناور متحرک را به عناصر ردیف اضافه کنید ، که به کاربران امکان می دهد اطلاعات مربوطه را به سرعت در جدول مشاهده کنند.
پرونده های عملی برای همه اعضا رایگان است. آنها را بارگیری کنید و از امروز طراحی وب را شروع کنید.
سرفصل ها و درس ها
مقدمه
Introduction
خوش آمدی
Welcome
درباره پرونده های تمرینی
About the exercise files
1. طراحی یک جدول HTML با CSS
1. Styling an HTML Table with CSS
اضافه کردن سبک ها به عنصر جدول اصلی
Adding styles to the main table element
هدف قرار دادن تمام برچسب های TH و TD
Targeting all TH and TD tags
عرض ستون ها را با فرزند نهم تنظیم کنید
Setting the column widths with nth child
بدنه میز
Styling the table body
پاورقی جدول
Styling the table footer
تنظیم سبک برای ستون اول
Setting styles for the first column
افزودن نکات برجسته به سطرها
Adding highlights to rows
اضافه کردن حالت های شناور (چرخش) به ردیف ها
Adding hover states (rollovers) to rows
نمایش نظرات