ویرایش شمایل تارنما
خدا، به نامش
سلام و درود، چطوری می تونیم ظاهر یک صفحه رو تغییر بدیم؟
همه چی از سی اس اس شروع میشه
حالا چطوری سی اس اس بزنیم؟
باید از برچسب استایل استفاده کنیم که اینجا بهش می گیم شمایل!
برو بریم
خب اول از همه باید بگم که هر چیزی می تونه شمایل بگیره! از شکل موشواره اختصاصی بگیر تا نوار غلطک برای پیمایش در کنار صفحه! همه چیز!
چجوری؟
خب ساده ترینش اینه که هرچیزی خواستیم شمایل بدیم بهش رو یک برچسب استایل اضافش می کنیم و داخل اون هر تغییری که می خواییم رو بهش می گیم. این شکلی:
به این روش که توی هر برچسب واسش شمایل تایین می کنی می گن درون خطی (اینلاین)
یک روش دیگه هم هست که بجای این که برچسب رو شلوغ کنی توی یک قسمت مجزا برای شمایل هرچی ویژگی می خوای رو اضافه میکنی، فرقی با هم ندارن و خروجیشون یکیه ولی بستگی داره با کدوم راحت تری یا به کارت میاد.
حالا که فهمیدی چجوری ویژگی های یک چیز رو عوض کنی وقته اینه که بدونی چه ویژگی هایی وجود دارن!
width:100px;
اگه بخوام کلی بگم: هرچیزیو تهش یک سی اس اس اضافه کنی و جست و جو کنی برات میاره!
اگه بخوام مثال بزنم:
رنگ متن یا جسم color
رنگ پس زمینه background
عکس پس زمینه background-image
اندازه متن font-size
قلم متن font-family
جای یک چیز در صفحه از بالا top
جای یک چیز در صفحه از پایین bottom
جای یک چیز در صفحه از چپ left
جای یک چیز در صفحه از راست right
اندازه یک چیز از پهنا width
اندازه یک چیز از ارتفاع height
لبه های گرد border-radius
خط حاشیه border
فاصله گذاری padding
و...
مثل فهرست رمز تقلب توی جی تی ای شد! اینا هرکدوم با واحد اندازه گیری خودشون تایین میشن مثلا اندازه به پیکسل
و یا به درصد
width:20٪;
نوشته میشه.
پس شد هرچیزی که خواستی رو تهش یک سی اس اس اضافه کنی و جست و جو کنی مثال فراوون میاره برات! حتی اگر ویژگی عجیبی بخوای که توی سی اس اس نباشه، یک سری ازین ویژگی هارو ترکیب می کنن که خروجی همون چیزی میشه که می خوای! خلاصه که دمت گرم تا اینجا پیش اومدی!
نوشته شده توسط مصطفی در