آذر 24, 1398

    color-txt

    تغییررنگ پس زمینه عناصر در CSS
    شما می توانید پس زمینه هر عنصر یا تگ را در CSS تغییر رنگ بدهید . به کدهای زیر توجه کنید ابتدا تگهایی که قرار است رنگ آنها نسبت به بقیه صفحه متفاوت باشند را در تگ Css مشخص کرده ام.

     

     

     

    img-use

    قراردادن یک تصویر به عنوان پس زمینه در CSS
    در درس قبلی یاد گرفتید که چگونه رنگ پس زمینه را تغییر بدهید . در این درس می خواهم نحوه قرار دادن یک تصویر به عنوان پس زمینه در CSS را آموزش بدهم (مثال). جهت قرار دادن یک تصویر به عنوان پس زمینه از صفت background-image استفاده می کنیم . بعد از تایپ background-image کافیست آدرس تصویر خودتان را بوسیله url همانند کد زیر مشخص کنید .

     

    imag-not

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

     

    img-repeat

    تکرار تصویر در جهت افقی در CSS
    در این قسمت یک مثال برای شما آماده کرده ام که نحوه به کارگیری یک تصویر در جهت افقی در کدهای CSS را بهتر یاد بگیرید . صفت ها قبلا آموزش داده شده است .

     

     

    img-fix2

    قراردادن یک تصویر در جای مشخص با CSS
    در آموزش صفت position به طور کامل نحوه قرار گیری عناصر در صفحه را توضیح داده ام . در این جلسه می خواهم با یک مثال ساده نحوه قرار گیری یک تصویر در موقعیت مورد نظر را توضیح بدهم .

     

     

     

     

     

    img-fix

    قراردادن یک تصویر ثابت در صفحه
    در بعضی از مواقع لازم است که یک تصویر را در صفحه HTML به صورت ثابت قرار دهیم تا با حرکت اسکرول تصویر در جای خود ثابت باقی بماند . به مثال زیر توجه کنید

     

     

     

    text-color

    تغییر رنگ متن عناصر در صفحه با CSS
    در مثال زیر من رنگ متن هر عنصر یا تگ را به صورت مستقل تغییر داده ام .در مثال زیر مشاهده می کنید که از سه روش برای تغییر رنگ متن استفاده شده است .

     

     

    text-align

    تراز متن صفحه با CSS
    به مثال زیر توجه کنید . برای تراز متن صفحه از text-align استفاده می کنیم .

     

     

    text-indent

    فاصله خط اول متن از طرفین
    در این مثال من یک فاصله 50 پیکسلی به خط اول متن با دستور text-indent میدهم.

     

     

     

    text-decoration

    تنظیمات فاصله بین حروف در CSS
    به مثال زیر دقت کنید که چگونه فاصله بین حروف را کم یا زیاد کرده ام .
    letter-spacing : برای تعيين اندازه فاصله بين حروف در نوشته استفاده می شود ، که يکی از 2 حالت زير می تواند باشد :
    - normal : فاصله بين حروف در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
    - length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و ... را برای فاصله بين حروف تعيين می کنيم .

     

    تنظیمات فاصله بین خطوط در CSS

    در مثال زیر مشاهده می کنید که با یک تغییر کوچک فاصله بین خطوط را کم یا زیاد میکنم . 

    css-em

    تنظیم اندازه قلم در CSS
    نحوه تنظیم قلم در  CSS در مثال زیر مشخص شده است .

     

    css-em

    تنظیم اندازه قلم با px
    نحوه تغییر اندازه قلم ها در  CSS با واحد px در مثال زیر مشخص شده است . 

     

     

    css-em

    تنظیم اندازه قلم با em
    نحوه تغییر اندازه قلم ها در  CSS با واحد em در مثال زیر مشخص شده است .

     

     

     

     

    آخرین مطالب آموزشی

    «
    • 1
    • 2
    • 3
    »

    گالری پست

    چطور می توانید متوجه شوید که در اندروید چه برنامه ای را بیش از همه استفاده می کنید ؟

    چطور می توانید وضعیت فعالیت خود را در اینستاگرام پنهان کنید

    موس Trackball چیست و چرا شما نیاز به موس Trackball دارید ؟

    ارسال فکس از طریق تلفن همراه

    چطور داریور کارت گرافیک خود را برای بهتر شدن عملکرد در بازی بروز رسانی کنیم

    چطور فایل های خراب در ویندوز را درست کنیم

    تماس از طریق WiFi calling و روش فعال کردن آن در گوشیهای اندروید

    چگونه پسورد آنلاین قوی بسازیم که به سختی هک شود ؟

    قبل از فعال کردن تایید دو مرحله ای این مقاله را بخوانید

    © 2018 Your Company. All Rights Reserved. Designed By Tripples

    Please publish modules in offcanvas position.

    تک وب دیزاین-قالب فارسی جوملا