آموزش طراحی وب: طراحی یک لیست شماره دار

Design the Web: Styling a Numbered List

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: لیست های وب سایت شما را می توان با استفاده از ویژگی های سبک CSS به محتوای جذاب بصری تبدیل کرد. در این دوره ، خواهید دید که چگونه می توان لیست های ساده سبک های پویا را اتخاذ کرد تا محتوای سایت یا برنامه شما تصفیه شده و صیقلی به نظر برسد. اگر شما یک طراح یا توسعه دهنده هستید که آماده یادگیری کمی کد CSS است ، این دوره برای شما مناسب است. به Chris Converse بپیوندید و HTML مربوط به لیست های شماره گذاری شده ، از جمله لیست های ترتیب یافته یا مرتب شده را کاوش کنید. او به شما کمک می کند ضمن اینکه امکانات اضافی طراحی را نشان می دهد ، از ویژگی های اصلی CSS برای لیست های سبک استفاده کنید.

سرفصل ها و درس ها

مقدمه Introduction

مقدمه Introduction
فایل های تمرینی Exercise files

تبدیل یک لیست مرتب شده Transform an Ordered List

پیشخوان سفارشی ایجاد کنید Create a custom counter
عناصر شبه را سبک کنید Style the pseudo-elements
موقعیت شبه عناصر Position pseudo-elements
HTML را به موارد لیست اضافه کنید Add HTML to the list items
سبک و قالب بندی را برای نشانه گذاری HTML جدید اضافه کنید Add style and formatting for the new HTML markup