جلسه ی پنجم
عرض سلام و خسته نباشید .
و با ارزوی موفقیت در امتحانات نیم ترم.
مباحث مورد بحث در جلسه ی پنجم کلاس:
1. فصل هشتم (CSS Link)
a:link - a normal, unvisited link
a:visited - a link the user has visited
- a:hover - a link when the user mouses over it
- a:active - a link the moment it is clicked
2.فصل نهم (CSS Box Model)
- margin
- border
- padding
لطفا دقت کنید به عکس بالا؛
Border:محدوده ای که شما برای قرار دادن کانتنت دارید.کانتنت شامل :تصویر(image) - ویدئو (video) - تکست یا نوشته ی متنی (text)و...
Padding: زمانی که شما در نظر دارید متن نوشته شده یا هر کانتنتی که هست را بالا و پایین و به طرفین (راست و چپ)به حرکت در بیاوریددر داخل محدوده تعریف شده تان که این محدوده همان بردر شماست.صرفا حرکت متن منظور است نه بردر یا باکسی که وجود دارد.
Margin: مقصود حرکت و جابه جایی باکس شما(همان بردری که داخلش متن است)نسبت به کل صفحه ی مرورگرتان است.
و همینطور تصویری که در ذیل اورده شده را ملاحظه بفرمایید؛
3.فصل دهم (HTML List)
- An ordered list
- An unordered list
- Different types of ul
-
Different
types of ol
مفاهیم پایه ای :
CSS Syntax
syntax: به نحوه ی نوشتن کدها ،در واقع آن نوع نگارشی که باید داشته باشید،سینتکس میگویند.
Selector: آنچه را که انتخاب کرده اید تا استایل های مدنظرتان را بر روی آن اجرا کنید.
Property: آن خاصیتی را که مجاز به استفاده در سلکتور مدنظر هستید.
مثلا:شما در تگ <img> پراپرتی هایی که میتوانید داشته باشید به قرار زیر است:
width
height
به هیچ وجه شما برای یک عکس پراپرتی font-size قرار نمیدهید!پراپرتی یا خاصیتی انداره ی فونت قرار نمی دهید.
value: آنچه که یا آن مقداری که شما برای پراپرتی در نظر میگیرید.مثلا شما برای پراپرتیfont-familyl مقدار tahoma یا B nazanin را می توانید قرار دهید.
تمرین و ممارست داشته باشید بر مباحث بیان شده ،سوالات خود را در بخش نظرات مطرح کنید که دوستان دیگر نیز استفاده کنند.
انشاالله در پست آتی،تمرین و و پروژه تمرینی(آژانس املاک)نیز تکمیل تر خواهد شد.
با آرزوی موفقیت برای شما.