تغییررنگ پس زمینه عناصر در CSS
شما می توانید پس زمینه هر عنصر یا تگ را در CSS تغییر رنگ بدهید . به کدهای زیر توجه کنید ابتدا تگهایی که قرار است رنگ آنها نسبت به بقیه صفحه متفاوت باشند را در تگ Css مشخص کرده ام.
قراردادن یک تصویر به عنوان پس زمینه در CSS
در درس قبلی یاد گرفتید که چگونه رنگ پس زمینه را تغییر بدهید . در این درس می خواهم نحوه قرار دادن یک تصویر به عنوان پس زمینه در CSS را آموزش بدهم (مثال). جهت قرار دادن یک تصویر به عنوان پس زمینه از صفت background-image استفاده می کنیم . بعد از تایپ background-image کافیست آدرس تصویر خودتان را بوسیله url همانند کد زیر مشخص کنید .
از این تصاویر در پس زمینه استفاده نکنید
در قسمت قبلی یک مثال را برای قرار دادن یک تصویر به عنوان پس زمینه آموزش دادم . در این قسمت می خواهم یک مثال در مورد تصاویری که نباید به عنوان پس زمینه در سایت قرار بگیرد بدلیل اینکه متن های شما قابلیت خوانایی کمتری پیدا می کنند را با یک مثال بیان کنم .
تکرار تصویر در جهت افقی در CSS
در این قسمت یک مثال برای شما آماده کرده ام که نحوه به کارگیری یک تصویر در جهت افقی در کدهای CSS را بهتر یاد بگیرید . صفت ها قبلا آموزش داده شده است .
قراردادن یک تصویر در جای مشخص با CSS
در آموزش صفت position به طور کامل نحوه قرار گیری عناصر در صفحه را توضیح داده ام . در این جلسه می خواهم با یک مثال ساده نحوه قرار گیری یک تصویر در موقعیت مورد نظر را توضیح بدهم .
قراردادن یک تصویر ثابت در صفحه
در بعضی از مواقع لازم است که یک تصویر را در صفحه HTML به صورت ثابت قرار دهیم تا با حرکت اسکرول تصویر در جای خود ثابت باقی بماند . به مثال زیر توجه کنید
تغییر رنگ متن عناصر در صفحه با CSS
در مثال زیر من رنگ متن هر عنصر یا تگ را به صورت مستقل تغییر داده ام .در مثال زیر مشاهده می کنید که از سه روش برای تغییر رنگ متن استفاده شده است .
تراز متن صفحه با CSS
به مثال زیر توجه کنید . برای تراز متن صفحه از text-align استفاده می کنیم .
فاصله خط اول متن از طرفین
در این مثال من یک فاصله 50 پیکسلی به خط اول متن با دستور text-indent میدهم.
تنظیمات فاصله بین حروف در CSS
به مثال زیر دقت کنید که چگونه فاصله بین حروف را کم یا زیاد کرده ام .
letter-spacing : برای تعيين اندازه فاصله بين حروف در نوشته استفاده می شود ، که يکی از 2 حالت زير می تواند باشد :
- normal : فاصله بين حروف در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
- length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و ... را برای فاصله بين حروف تعيين می کنيم .
تنظیمات فاصله بین خطوط در CSS
در مثال زیر مشاهده می کنید که با یک تغییر کوچک فاصله بین خطوط را کم یا زیاد میکنم .
تنظیم اندازه قلم با em
نحوه تغییر اندازه قلم ها در CSS با واحد em در مثال زیر مشخص شده است .
