در این قسمت از فیلم آموزش CSS دستور Color و Background را آموزش داده ایم . برای دیدن فیلم آموزش CSS جلسه قبل کلیک کنید .
خاصیت Color :
این ویژگی برای تغییر رنگ متن ها در CSS استفاده می شود . مقدار آن را می توانید به چندین صورت بنویسید که همه این ها را در فیلم آموزش CSS به طور کامل گفته ام ، در اینجا فقط به صورت جزئی میگم .
مقدار Color به صورت rgb در این حالت باید به صورت زیر بنویسید که مقدار اول برای رنگ قرمز ، مقدار دوم برای رنگ سبز ، مقدار سوم برای رنگ آبی است که هر کدام مقداری از 0 تا 255 را می گیرند .
color: rgb( 23 , 255 , 4);
مقدار Color به صورت هگزا دسیمال در این حالت اول باید علامت شارپ ( # ) را قراردهید و بعد سه تا مقدار از 0 تا F را برای هر کدام از رنگ ها مشخص کنید .
color: #f0f;
مقدار Color به صورت کلمه ، یعنی اسم رنگ رو بنویسید :
color: blue;
خاصیت Background ( بک گراند ) :
همان طور که در فیلم آموزش CSS هم گفته ام از این خاصیت یا ویژگی برای تعیین رنگ یا تصویر برای پس زمینه استفاده می شود .
خاصیت background-image :
شما می توانید برای پس زمینه فقط یک تصویر قرار دهید برای این کار باید از خاصیت Background-image استفاده کنید در این صورت شما دیگر نمی توانید از رنگ استفاده کنید .
خاصیت background-color :
با استفاده از این خاصیت شما فقط می توانید برای پس زمینه یک رنگ انتخاب کنید .
خاصیت background-position :
با این خاصیت می توانید محل قرار گیری پس زمینه را مشخص کنید مثلاً اگر تصویر دارید می توانید آن را به چپ یا راست ببرید .
خاصیت background-repeat :
با این خاصیت شما می توانید تعیین کنید که تصویر شما تکراز شود یا نه .
همه این ها را به صورت کامل در فیلم آموزش CSS زیر به شما آموزش داده ام :
کدهای HTML که در فیلم آموزش CSS استفاده شده است :
<!doctype html> <html> <head> <title>Web30ty.com</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <h1>فیلم آموزش CSS</h1> </body> </html>
کدهای CSS که در فیلم آموزش CSS استفاده شده :
body{
background: url("1.png") no-repeat right;
}
h1{
color: orange;
}
سایت خیلی خوبی دارید لینکتونو برای چندتا از دوستام فرستادم بدردشون میخوره ،، ممنون
ممنون مطلب مفیدی بود