کلاس آموزشی سی اس اس

دوره ی آموزشی CSS انجمن علمی کامپیوتر دانشگاه پیام نور دماوند

کلاس آموزشی سی اس اس

دوره ی آموزشی CSS انجمن علمی کامپیوتر دانشگاه پیام نور دماوند

جلسه ی پنجم

سه شنبه, ۱۶ ارديبهشت ۱۳۹۳، ۱۱:۴۹ ب.ظ

عرض سلام و خسته نباشید .

و با ارزوی موفقیت در امتحانات نیم ترم.

مباحث مورد بحث در جلسه ی پنجم کلاس:

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 را می توانید قرار دهید.


دوستان؛
تمرین و ممارست داشته باشید بر مباحث بیان شده ،سوالات خود را در بخش نظرات مطرح کنید که دوستان دیگر نیز استفاده کنند.
انشاالله در پست آتی،تمرین و و پروژه تمرینی(آژانس املاک)نیز تکمیل تر خواهد شد.

با آرزوی موفقیت برای شما.



۹۳/۰۲/۱۶
زینب جهان بخش

جلسه ی پنجم

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی