درود
قرار بود نمونه ترجمه های بچه هارو بزارم که اول از خودم شروع میکنم .
پس زمینه در CSS برای دادن یک تصویر یا رنگ به یکی از اجزای صفحه می باشد .
property هایی که برای دادن background در css مورد استفاده قرار میگیرند :
background-color
background-image
background-repeat
background-attachment
background-position
رنگ در پس زمینه
برای دادن یک رنگ به یکی از اجزای داخل و قابل نمایش صفحه استفاده می شود .
مثلا برای دادن یک رنگ به کل صفحه ما این رنگ را به تگ <body> اختصاص می دهیم :
body {background-color:#b0c4de;}
کد را امتحان کنید
رنگ هارا می توان به سه روش نوشت :
·نوشتن رنگ به سبک HEX مانند "#ff0000"
·نوشتن رنگ به سبک RGB مانند "rgb(255,0,0)"
·نوشتن نام مانند "red"
در مثال زیر h1, p و div هر کدام دارای یک رنگ پس زمینه مجزا می باشند :
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}
کد را امتحان کنید
hr
تصویر در پس زمینه
از background-image برای اختصاص دادن یک تصویر به یکی از اجزای صفحه استفاده می شود .
در حالت پیش فرض تصویر به صورت مداوم در هر بخشی که تعیین کرده اید تا حد ممکن تکرار میشود .
برای ایجاد یک عکس در پس زمینه کل صفحه میتوان به مثال زیر توجه کرد :
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
متن دوم :
راه های ثبتCSS در صفحه
برای ثبت CSS ما سه راه داریم
·فایل های CSS خارجی که در یک فایل مجزا با پسوند .css هستند .
·فایل های CSS داخلی که در <head> نوشته می شوند .
·فایل های CSS کد در خود تگ نوشته می شوند .
hr
فایل های CSS خارجی
این استایل دهی وقتی اده آل می باشد که بخواهید یک استایل واحد را به تعداد زیادی صفحه اعمال کنید . با تغییر کوچیک در یک جای این فایل کل صفحات سایت شما تغییر می کنند . تمام صفحات باید به فایل .css متصل شوند که با تگ <link> انجام می شود که در head قرار می گیرد :
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
شما میتوانید فایل CSS را در یک ویرایشگر ساده متن مانند notepad بنویسید . در این فایل ها هیچ گونه تگ HTML نباید وجود داشته باشد . فایل شما باید با پسوند .css ذخیره شده باشد . یک نمونه از فایل CSS در پایین نشان داده می شود .
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
هرجا مشکلی بود واقعا ممنونم هم از من هم از دوستان بگیرید
)
نوشته شده توسط Web Design
.gif "N Aggressive (16)")
جواب بصورت نقل قول
