CSS3 چه میباشد
اکنون که با HTML آشنا شدی بایستی بدونی که CSS پسر عموی HTML است! با CSS میتونی المنتهای متفاوت HTML رو تعیین و ظواهر اونها رو فردی سازی کنی. طراحی سایت هتل به عنوان مثال فرض کن میخوای یه گزاره داشته باشی که از گزارههای دیگه متمایز باشه. برای مثال بگراند قرمز رنگ و رنگ فونت سپید داشته باشه. کد CSS تحت این پیکربندی رو روی گزاره پیاده میکنه:
P {
Background-color: red;
Color: white;
}
همونطور که میبینی کدهای CSS خیلی در حدود گویش بشر هستن. به این ترتیب یادگیری اون به شدت آسونه! توی کد بالا، در خط نخستین خواصهای CSS رو به المنت p اختصصاص دادیم. بهاین نصیب selector گفته میشه. مجموع نصیبهای درون براکتها بلوک declaration نامیده میشن. هر کدوم از خطهای باطن بلوک declaration یک declaration میباشد که از دو قسمت تشکیل میشه.
نصیب پیش از آرم : که property نامیده میشه نشون دهنده خاصیتی میباشد که قصد داریم بهش مقدار بدیم. مثل رنگ فونت، دور نما، نوع یا این که سایز فونت و ... قسمت بعداز نماد : که value نامیده میشه نشون دهنده مقدار اون خاصیته! هر خط declaration با یک نشانه سمی کالم (;) به انتها میرسه.
CSS مخفف عبارت Cascading Style Sheet می باشد. ولی چرا؟ برای دانستن بهاین چرایی کافیه نگاهی به ترتیب حق تقدم انتخاب خصوصیات سی اس اس نگاهی بندازیم. هر المنت HTML پیش از اینکه خاصیت CSS رو بگیره بوسیله مرورگرها دارنده یک جور ظواهر پیشفرضه. درضمن ما میتونیم CSS رو به سه طرز به پوشه HTML پیوست کنیم:
طرز inline: توی همین نوشته ی علمی در زمینه ی اتریبیوت style در تگهای HTML توضیح دادم. به طرز افزودن کدهای CSS با به کار گیری از اتریبیوت style طریق inline گفته میشه. بهاین نمونه دقت کن:
نحوه تگ : همونطور که از نام این طرز مشخصه کافیه مجموع کدهای CSS رو در بین تگهای گشوده و بسته قرار بدی:
شیوه پوشه CSS: توی این نحوه کافیه یک پوشه با فرمت .css رو با به کار گیری از تگ link به فولدر HTML اضافه کنی. اما فراموش مکن کهاین عمل رو به طبع درون تگ کاغذ انجام بدی. بهاین نمونه دقت کن:
همونطور که قابل حدسه نشانی فولدر .css رو در اتریبیوت href تگ link مینویسیم. درضمن اتریبیوت rel نشون دهنده نوع فایلیه که با به کار گیری از تگ link به برگه متصل میشه.
اکنون موقعیتی رو فرض کن که در اون هم از روش طرز inline و هم از طریق فولدر .css ظواهر یک المنت خاص رو گزینش کردیم. برای مثال در اتریبیوت style سایز فونت رو برابر با 12px و در فولدر .css مقدار اون رو برابر با 16px انتخاب کردیم. پرسش اینه: حال سایز فونت قراره کدوم یک از این دو مقدار باشه؟
حقیقت اینه که CSS خاصیت سی اس اس رو به طور Cascade یا این که آبشار گزینش میکنه. این یعنی که گزینش خاصیت پایانی به طور حق تقدم دار واقعه میافته. حق تقدم تعیین خاصیت آخرین بهاین صورته:
استایل هایinline
فولدرها و تگهای CSS
پیشفرض مرورگرها
و در غایت درصورتیکه تمامی استایلها دارنده حق تقدم یکسان باشن، در غایت خواصی تعیین میشi که پایان از تمامی درج شده باشه.
سود گیری
تا اینجای عمل با گویشهای پیشنیاز برای یادگرفتن جاوا اسکریپت آشنا شدی. دیدی که با HTML میتونی به هر المنت فرمان ساخت و ساز شدن بدی و با CSS ظواهر و محل قرارگیری اون المنت رو گزینش کنی. شاید برات مکان پرسش باشه که کلیه این کدها رو کجا می بایست بنویسم؟ بی آلایش میباشد! هر ویرایشگر متنی که دم دستته میتونه کاندید باشه! درحال حاضر تو مجموع پیشنیازهای مورد نیاز برای فراگیری جاوا اسکریپت رو داری. برای ادامه مسیر مسلما مقاله ها بعدی رو دنبال کن. یادت نره که نظرت رو توی بخش نظرها با اینجانب در میون بذاری. ضمنا در حالتیکه سوالی داشتی اینجانب ذوق زده میشم اولین نفری باشم که بهت جواب میده!
CSS3 چه میباشد
اکنون که با HTML آشنا شدی بایستی بدونی که CSS پسر عموی HTML است! با CSS میتونی المنتهای متفاوت HTML رو تعیین و ظواهر اونها رو فردی سازی کنی. طراحی سایت هتل به عنوان مثال فرض کن میخوای یه گزاره داشته باشی که از گزارههای دیگه متمایز باشه. برای مثال بگراند قرمز رنگ و رنگ فونت سپید داشته باشه. کد CSS تحت این پیکربندی رو روی گزاره پیاده میکنه:
P {
Background-color: red;
Color: white;
}
همونطور که میبینی کدهای CSS خیلی در حدود گویش بشر هستن. به این ترتیب یادگیری اون به شدت آسونه! توی کد بالا، در خط نخستین خواصهای CSS رو به المنت p اختصصاص دادیم. بهاین نصیب selector گفته میشه. مجموع نصیبهای درون براکتها بلوک declaration نامیده میشن. هر کدوم از خطهای باطن بلوک declaration یک declaration میباشد که از دو قسمت تشکیل میشه.
نصیب پیش از آرم : که property نامیده میشه نشون دهنده خاصیتی میباشد که قصد داریم بهش مقدار بدیم. مثل رنگ فونت، دور نما، نوع یا این که سایز فونت و ... قسمت بعداز نماد : که value نامیده میشه نشون دهنده مقدار اون خاصیته! هر خط declaration با یک نشانه سمی کالم (;) به انتها میرسه.
CSS مخفف عبارت Cascading Style Sheet می باشد. ولی چرا؟ برای دانستن بهاین چرایی کافیه نگاهی به ترتیب حق تقدم انتخاب خصوصیات سی اس اس نگاهی بندازیم. هر المنت HTML پیش از اینکه خاصیت CSS رو بگیره بوسیله مرورگرها دارنده یک جور ظواهر پیشفرضه. درضمن ما میتونیم CSS رو به سه طرز به پوشه HTML پیوست کنیم:
طرز inline: توی همین نوشته ی علمی در زمینه ی اتریبیوت style در تگهای HTML توضیح دادم. به طرز افزودن کدهای CSS با به کار گیری از اتریبیوت style طریق inline گفته میشه. بهاین نمونه دقت کن:
نحوه تگ : همونطور که از نام این طرز مشخصه کافیه مجموع کدهای CSS رو در بین تگهای گشوده و بسته قرار بدی:
شیوه پوشه CSS: توی این نحوه کافیه یک پوشه با فرمت .css رو با به کار گیری از تگ link به فولدر HTML اضافه کنی. اما فراموش مکن کهاین عمل رو به طبع درون تگ کاغذ انجام بدی. بهاین نمونه دقت کن:
همونطور که قابل حدسه نشانی فولدر .css رو در اتریبیوت href تگ link مینویسیم. درضمن اتریبیوت rel نشون دهنده نوع فایلیه که با به کار گیری از تگ link به برگه متصل میشه.
اکنون موقعیتی رو فرض کن که در اون هم از روش طرز inline و هم از طریق فولدر .css ظواهر یک المنت خاص رو گزینش کردیم. برای مثال در اتریبیوت style سایز فونت رو برابر با 12px و در فولدر .css مقدار اون رو برابر با 16px انتخاب کردیم. پرسش اینه: حال سایز فونت قراره کدوم یک از این دو مقدار باشه؟
حقیقت اینه که CSS خاصیت سی اس اس رو به طور Cascade یا این که آبشار گزینش میکنه. این یعنی که گزینش خاصیت پایانی به طور حق تقدم دار واقعه میافته. حق تقدم تعیین خاصیت آخرین بهاین صورته:
استایل هایinline
فولدرها و تگهای CSS
پیشفرض مرورگرها
و در غایت درصورتیکه تمامی استایلها دارنده حق تقدم یکسان باشن، در غایت خواصی تعیین میشi که پایان از تمامی درج شده باشه.
سود گیری
تا اینجای عمل با گویشهای پیشنیاز برای یادگرفتن جاوا اسکریپت آشنا شدی. دیدی که با HTML میتونی به هر المنت فرمان ساخت و ساز شدن بدی و با CSS ظواهر و محل قرارگیری اون المنت رو گزینش کنی. شاید برات مکان پرسش باشه که کلیه این کدها رو کجا می بایست بنویسم؟ بی آلایش میباشد! هر ویرایشگر متنی که دم دستته میتونه کاندید باشه! درحال حاضر تو مجموع پیشنیازهای مورد نیاز برای فراگیری جاوا اسکریپت رو داری. برای ادامه مسیر مسلما مقاله ها بعدی رو دنبال کن. یادت نره که نظرت رو توی بخش نظرها با اینجانب در میون بذاری. ضمنا در حالتیکه سوالی داشتی اینجانب ذوق زده میشم اولین نفری باشم که بهت جواب میده!