آموزش سی اس اس css
زبان استایل دهی سی اس اس
انتخاب گرها سی اس اس CSS Selector
برای آشنایی با هر زبان کدنویسی لازمه که نحوه ی نگارش اون زبان یا همان سینتکس زبان و بلد باشیم سینتکس زبان سی اس اس خیلی ساده می باشد معمولا این نحوه ی نگارش که در عکس مشاهده می کنید در تمامی کدهای سی اس اس به همین صورت استفاده خواهد شد
انتخاب تگ با نام تگ ، آی دی و کلاس در سی اس اس CSS
بعد اینکه محتوا با تگ های
اچ تی ام ال
ایجاد شد با کمک زبان سی اس اس محتوا انتخاب شده تا استایل مورد نظر به اون داده شود. برای انتخاب تگ های اچ تی ام ال از سلکتورها در سی اس اس استفاده می شود. می توان محتوا را در سی اس اس از طریق id, classو tag name انتخاب کرد، نحوه ی انتخاب و سلکتورها در تصویر دیده می شود.
انتخابگرهای سی اس اس با ویژگی تگ و ارث بری css Selector
در زبان سی اس اس گاهی ممکنه بخوایم تگی از
اچ تی ام ال
و با کمک ویژگی ای که به اون اختصاص داده شده انتخاب کنیم. برای این کار از سلکتورهایی استفاده می شود که تگ ها یا تگی رو با ویژگی اون تگ انتخاب خواهد کرد. هم چنین با کمک سلکتورهای سی اس اس می توان تگی در کنار تگ دیگر رو انتخاب کرد و هم چنین سلکتورهای سی اس اس قادر به انتخاب تگ هایی هست که والد اونها یک تگ خاص می باشد.
سلکتورهای شبه کلاس class pseudo Selector
بعد این که تگ ها رو به کمک زبان نشانه گذاری
اچ تی ام ال
ایجاد کردیم در واقع اسکلت های سایت و ایجاد کردیم. برای ایجاد زیبایی بصری سایت و افزایش سئو باید سایت جذابی داشته باشیم تا کاربر زمان بیشتری در سایت ما سپری کنه. با کمک سلکتورهای قدرتمند سی اس اس عناصر
اچ تی ام ال
را انتخاب کرده و استایل های سی اس اس رو به تگ ها خواهیم داد.
سلکتور سی اس اس شبه المنت
شبه عناصر در سی اس اس برای استایل دادن به یک بخش خاص از عنصر
اچ تی ام ال
استفاده خواهد شد . برای مثال برای استایل دادن به حرف اول یک عنصر یا خط اول یک عنصر استفاده خواهد شد.
سلکتورها در سی اس اس شبه عناصر و شبه کلاس
گاهی در طراحی رابط کاربری و رابط گرافیکی لازمه که تگ input در اچ تی ام ال که توسط کاربر انتخاب شده یا کاربر رویدادی و انجام داده انتخاب بشه. در زبان سی اس اس سلکتورهایی وجو داشته که تگ های input با رویداد هایی توسط کاربر در
اچ تی ام ال
را انتخاب خواهد کرد.
هم چنین زبان سی اس اس سلکتورهایی برای انتخاب عناصر
اچ تی ام ال
در حالت تمام صفحه را دارد.
سلکتورهای شبه کلاس و شبه عنصر css selector
بعد این که کدها در زبان
اچ تی ام ال
نوشته شد و ساختار اولیه ی سایت ایجاد شد. با کمک زبان سبک دهی سی اس اس عناصر زبان اچ تی ام ال را با کمک سلکتورهای سی اس اس انتخاب کرده. در هنگام ایجاد تگ های
اچ تی ام ال
تگ ها رابطه ی والد و فرزندی خواهند داشت به این شکل تگی که داخل تگ دیگر باشد فرزند و تگ بیرونی که تگ درونی را احاطه کرده والد خواهد بود با کمک سلکتورها در سی اس اس قادر خواهیم بود از بین فرزندان فرزند اول ، آخر و یا فرزندی با عدد دلخواه و انتخاب کرده و استایل دلخواه فقط به فرزند انتخاب شده داده شود
