آموزش برنامه نویسی CSS به زبان ساده جلسه (2)

آموزش برنامه نویسی CSS به زبان ساده جلسه (2)

CSS COLORS رنگ ها در CSS
رنگ ها در CSS دارای نام بوده و شما با استفاده از این نام ها می توانید از رنگ ها استفاده کنید.
فرض کنید توسط CSS می خواهید رنگ زمینه صفحه را تغییر دهید. برای این کار باید از خصوصیت Background-color استفاده نمایید.

برای تعیین رنگ متن نیز در CSS باید از خصوصیت Color استفاده نمایید:

برای تعیین رنگ کادر در CSS باید از خصوصیت Border استفاده نمایید:

CSS Background
در CSS خصوصیت های زیادی در مورد زمینه وجود دارد که می توان به راحتی همه آنها را تنظیم نمود. از این خصوصیات می توان به Background-color ، Background-image ، Background-repeat ، Background-Attachment و Background-Position اشاره نمود.
Background-color رنگ پس زمینه
این خصوصیت رنگ زمینه یک عنصر را مشخص می نماید.
برای استفاده از این خصوصیت می توانید به روش زیر عمل نمایید:

برای معرفی رنگ می توانید به روش های زیر عمل نمایید:
1- استفاده از یک نام معتبر همانند RED
2- استفاده از یک مقدار HEX همانند #ff0000
3- استفاده از یک مقدار RGB همانند rgb(255,0,0)

Background-image تصویر پس زمینه
با استفاده از این گزینه بجای این که در پس زمینه یک رنگ قرار دهیم یک تصویر را قرار می دهیم.

Background-repeat تکرار تصویر پس زمینه
با این گزینه تصویر به صورت افقی و عمودی در صفحه تکرار می شود که شما می توانید طبق سلیقه خود تکرار به صورت افقی و یا تکرار به صورت عمودی را تعیین نمایید.
برای تعیین تکرار پس زمینه به صورت افقی می توانید از کد زیر استفاده کنید:

برای تعیین تکرار پس زمینه به صورت عمودی باید به جای repeat-x از  repeat-y استفاده کنید.
اگر بخواهید تصویر پس زمینه تکرار نشود باید از کد زیر استفاده نمایید:

Background-Position موقعیت تصویر پس زمینه

با این گزینه شما می توانید موقعیت تصویر پس زمینه را تعیین و تغییر دهید.
به کد زیر دقت کنید:

Background-Attachment

به صورت پیش فرض با بالا و پایین کردن صفحه تصویر نیز بالا و پایین می شود اگر بخواهید تصویر ثابت بماند و حرکت نکند باید به شیوه زیر عمل نمایید: