رفتن به مطلب
لـــرن نــت

انجمن های پشتیبانی

شما می توانید سوالات و مشکلات خود را در انجمن های تخصصی برنامه نویس ایرانی پیگیری کنید.

تــوجــه

پسورد تمامی فایل ها learn-net.ir میباشد.

تــوجــه

این وب سایت تحت نظر پلیس فتا میباشد و تمامی مطالب طبق قوانین ایران میباشد.

سرور تیم اسپیک

شما هم میتوانید عضو بکس لرن نت در تیم اسپیک باشید ! بالاخره سرور تیم اسپیک انجمن برنامه نویس ایرانی راه اندازی شد که شما میتوانید با نصب نرم افزار teamspeak به جمع ما بپیوندید.

ts.learn-net.ir
Hossein7

آموزش دوم متغیر های Css

پست های پیشنهاد شده

Hossein7    6

با سلام خدمت کاربران عزیز انجمن برنامه نویس ایرانی خوب در آموزش اول متغیر های margin ، float ، width  رو خدمتتون آموزش دادیم در این جلسه میخوایم 2 متغیر دیگه رو بهتون آموزش بدیم 

 

خوب میریم سراغ آموزش 

 

متغیر اول : height 

 

خوب height میدونید که به معنی ارتفاع هست پس توضیحش اینه که height برای ارتفاع باکس های یه قالب مورد استفاده قرار میگیره 

 

به عنوان مثال 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

height هم بصورت پیکسل هم بصورت درصد میتونیم کدنویسی کنیم 

 

متغیر دوم : background

 

خوب background برای انتخاب رنگ ، انتخاب عکس برای بلوک ها و پس زمینه استفاده میشه بک گراند شاخه های متفاوتی داره که آموزشش رو خواهم گفت 

 

خوب اول از همه متغیر background-attachment توضیح میدیم به مثال زیر توجه کنید 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

خوب background-attachment مشخص می کنه که آیا تصویر زمینه شما با حرکت کردن اسکرول حرکت کنه یا ثابت بمونه 

 

در مثال 1 داره میگه تصویر ما با حرمت اسکرول تغییر کنه  و در مثال 2 میگه تصویر ما حتی با حرکت اسکرول هم ثابت بمونه 

 

متغیر بعدی ما background-color هست که به مثال زیر توجه کنید 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

خوب background-color همانطور که از اسمش مشخصه برای انتخاب رنگ هست که شما می تونید کد رنگ مورد نظرتون رو در قسمت #fff بزارید 

 

متغیر بعدی background-image هست که به مثال پایین دقت کنید 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

خوب background-image برای انتخاب تصویر هست که شما لینک تصویر خودتون رو در جای مربوط قرار می دهید 

 

اما متغیر بعدی background-position هست که به مثال پایین توجه کنید 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

این متغیر میاد موقعیت تصویر زمینه رو مشخص میکنه 

 

به عنوان مثال در مثال اول گفتیم تصویر زمینه ما پایین باشه در مثال دوم گفتیم وسط باشه در مثال سوم گفتیم چپ باشه در مثال چهارم گفتیم راست و در مثال پنجم بالا باشه 

 

متغیر بعدی ما background-repeat هست که به مثال پایین توجه کنید 

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

خوب این متغیر میاد نوع تکرار تصویر زمینه رو مشخص میکنه به این منظور که ما در مثال 1 گفتیم هیچ تغییری نکنه در مثال 2 گفتیم هم بصورت افقی و هم عمودی تکرار بشه در مثال سوم گفتیم تصویر بصورت افقی تکرار بشه و در مثال چهارم گفتیم تصویر بصورت عمودی تکرار بشه 

  • پسندیدم 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

  • مطالب مشابه

    • توسط zareiali400
      به نام خدا
      ..............
      در مطالب قبل به آبشاری بودن CSS اشاره کردیم در اینجا نحوه کارکرد این آبشار را می آموزیم.
      وظیفه این آبشار در نهایت این است که تعیین کند کدام یک از ویژگی های CSS بر روی یک عنصر HTML اعمال می شوند. شاید بگویید: “خب آنهایی که ما می نویسیم!”
      ولی جالب است بدانید غیر از دستوراتی که ما به عنوان طراح می نویسیم استایل های دیگری هم وجود دارند. که کار این آبشار تعیین اولویت بین این دستورات و در نهایت تعیین دستوری است که به عنصر HTML اعمال می شود.
      سه قدم برای انجام این عملیات وجود دارد که هر کدام از دیگر مفاهیم پایه ای سی اس اس می باشند که باید فرا گرفته شوند:
      1.اهمیت
      2.ارجحیت
      3.ترتیب
      ...........................
      اهمیت
      اهمیت یک دستور CSS به منبعی که از آن می آید بستگی دارد که برای CSS سه منبع متفاوت وجود دارد:
      1. عامل کاربر (user agent)
      یکی از این منابع استایل هایی هستند که مرورگر بصورت پیشفرض بر روی عناصر صفحه اعمال می کند. هر مرورگری استایل های پیشفرض مخصوص به خود را دارد و به همین دلیل است که اگر یک سایت را در مرورگرهای مختلف باز کنیم احتمال دارد تفاوت هایی را احساس کنیم.
      کاربر
      منبع دیگر استایل هایی هستند که کاربر از طریق مرورگرش تعیین می کند. کاربرهایی که خدایی نکرده مشکلات بینایی دارند و نیاز دارند تا فونت ها بزرگتر باشند و یا رنگ قسمت های خاصی متفاوت باشند.
    • توسط محمد مهرابی
      درود
      با آموزش دیگری از html با شما هستیم.
      آموزش لینک دادن به متن در html
      کد:
      کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.
      توضیح: خب توی این کد اومدیم و اول بار یه تگ a باز کردیم. سپس با دستور href یک لینکی رو مشخص کردیم. مجدد بعد از اون، یک متنی رو نوشتیم که با کلیک روی اون متن، لینک باز میشه. در آخر هم تگ a رو بستیم.
       
      الان اگه کد رو تست کنیم با کلیک روی متن، لینک توی صفحه جاری باز میشه. اما  اگه بخواهیم لینک رو در پنجره جدید باز کنیم، کافیه تگ زیر رو به کد هامون اضافه کنیم.
      کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.
      توضیح خاصی نداره. توی این دستور اومدیم یه دستور target (با این دستور می تونیم بهش بگیم که این لینک رو کجا باز کنه) بهش دادیم و درونش _blank رو تعریف کردیم یعنی توی یه صفحه جدید باز کنه برامون ادرس رو.
       
       
      یعنی کد ما میشه این.
      کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.
      نکات:
      حتما اول آدرس به یک سایت و ... از http:// استفاده کنید.
      اگر می خواهید یک فایل در همان پوشه که فایل html قرار دارد را آدرس دهی کنید، کافیست نام اون رو با پسوندش وارد کنید. برای مثال about.html
      اگر می خواهید به ایمیل آدرس بدید، باید بجای http:// از mailto: استفاده کنید. برای مثال mailto:yourmail@gmail.com
       
      موفق باشید.
    • توسط محمد مهرابی
      درود
      با آموزشی از html با شما هستیم
       
      آموزش انواع تگ های متنی h در html
       
      این تگ ها از h1 تا h6 هست و بیشتر برای عنوان دهی به متن ها و ... استفاده می شود.
      به ترتیب h1 بزرگترین و h6 کوچکترین تگ هست.
      یعنی هر چقدر عدد بعد از h کوچکتر باشه، متن بزرگتر خواهد بود.
       
      در ضمن خیلی راحت هست و بین دو تگ قرار می گیرد.
       
      ورودی:
      کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.
      خروجی:

       
      موفق باشید.
  • کاربران آنلاین در این صفحه   0 کاربر

×