ClaimAlireza
چهارشنبه 16 خرداد 1386, 23:52 عصر
توجه:
کلیه ی حقوق این مقاله متعلق به سایت http://www.barnamenevis.org/ (http://www.barnamenevis.org/) می باشد.
استفاده از مطالب این مقاله منوط به ذکر نام منبع است.
فایل ضمیمه پروژه را از انتهای همین مقاله داونلود کنید.
مقدمه: از این فایل ها به منظور ایجاد یک سبک واحد برای نمایش label ها، hyperLink ها وبقیه عناصر صفحه استفاده می شود.
فایل های CSS یا Cascading Style Sheets همان طور که از اسمشان نیز بر می آید می توانند یک style را بسته به سلیقه طراح فراهم کنند.
از این style می توان برای اینکه هر یک از عناصر یک صفحه چگونه ظاهر شوند، استفاده نمود.
در ذیل چگونگی استفاده از آن ها توضیح داده شده است :
ابتدا بر روی نام پروژه در solution explorer کلیک راست کرده و Add new item را انتخاب کنید سپس روی style sheet کلیک کرده و add را بزنید.
شما در فایل ایجاد شده ابتدا body را پاک کنید، حال می توانید برای تک تک عناصر، style خاصی را تعریف کنید. مثلا شما می خواهید hyperLink های یک صفحه خاص به یک شکل خاصی نمایش داده شوند بنابراین به شکل زیر عمل می کنید:
a:link, a:visited
{
color:#cc3300;
text-decoration: uderline;
}
a:hover
{
text-decoration: none;
}
a:active
{
color:#ff9900;
text-decoration:uderline;
}
حال در هر صفحه ای که CSS را الحاق کنید، hyperLink ها به صورت تعریف شده نمایش داده خواهند شد.
همچنین شما می توانید کلاس های مختلفی را به شکل زیر جهت نمایش عناصر در یک صفحه تعریف کنید:
.ClaimAlireza
{
font-family: 'Trebuchet MS';
color: Navy;
position: relative;
cursor: w-resize;
background-color: yellow;
}
قسمت خیلی مهم این کلاس، صفت Position می باشد که اگر relative باشد، عناصری که از این کلاس استفاده می کنند بدون نیاز به درج جدول و ... می توانند بصورت مستقیم در صفحه جابجا شده و در جای مناسب قرار گیرند.(مانند تغییر جای یک عنصر در FrontPage)
حال برای استفاده ازاین کلاس ها کافی است نام کلاس مربوطه را در صفت CssCalss عنصر مربوطه وارد نمایید:
<asp:Label ID="Label1" runat="server" Text="it's hilighted label" style="left: 322px; top: 60px" CssClass="ClaimAlireza"></asp:Label>
برای الحاق فایل StyleSheet.css به یک صفحه خاص باید کد زیر را در قسمت مشخص شده وارد نمایید:
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="Stylesheet" type="text/css" />
</head>
نتیجه گیری: طراحی صفحه های وب برای اکثر طراحان از گذشته کاری طاقت فرسا بوده است. از این رو می توان فایل های CSS را به عنوان Template از اینترنت دریافت کرده و از آن ها برای طراحی سایت بهره جست.
از این گذشته طراحی واحد برای تمامی عناصر و صفحات یک وب سایت خوب و معتبر کاری بس ضروری می باشد که CSS ها این مهم را برای طراحان راحت ساخته اند.
در مقاله بعدی در مورد محدودیت های CSS ها در کدهای سمت سرور بحث خواهد شد.
موفق باشید.
کلیه ی حقوق این مقاله متعلق به سایت http://www.barnamenevis.org/ (http://www.barnamenevis.org/) می باشد.
استفاده از مطالب این مقاله منوط به ذکر نام منبع است.
فایل ضمیمه پروژه را از انتهای همین مقاله داونلود کنید.
مقدمه: از این فایل ها به منظور ایجاد یک سبک واحد برای نمایش label ها، hyperLink ها وبقیه عناصر صفحه استفاده می شود.
فایل های CSS یا Cascading Style Sheets همان طور که از اسمشان نیز بر می آید می توانند یک style را بسته به سلیقه طراح فراهم کنند.
از این style می توان برای اینکه هر یک از عناصر یک صفحه چگونه ظاهر شوند، استفاده نمود.
در ذیل چگونگی استفاده از آن ها توضیح داده شده است :
ابتدا بر روی نام پروژه در solution explorer کلیک راست کرده و Add new item را انتخاب کنید سپس روی style sheet کلیک کرده و add را بزنید.
شما در فایل ایجاد شده ابتدا body را پاک کنید، حال می توانید برای تک تک عناصر، style خاصی را تعریف کنید. مثلا شما می خواهید hyperLink های یک صفحه خاص به یک شکل خاصی نمایش داده شوند بنابراین به شکل زیر عمل می کنید:
a:link, a:visited
{
color:#cc3300;
text-decoration: uderline;
}
a:hover
{
text-decoration: none;
}
a:active
{
color:#ff9900;
text-decoration:uderline;
}
حال در هر صفحه ای که CSS را الحاق کنید، hyperLink ها به صورت تعریف شده نمایش داده خواهند شد.
همچنین شما می توانید کلاس های مختلفی را به شکل زیر جهت نمایش عناصر در یک صفحه تعریف کنید:
.ClaimAlireza
{
font-family: 'Trebuchet MS';
color: Navy;
position: relative;
cursor: w-resize;
background-color: yellow;
}
قسمت خیلی مهم این کلاس، صفت Position می باشد که اگر relative باشد، عناصری که از این کلاس استفاده می کنند بدون نیاز به درج جدول و ... می توانند بصورت مستقیم در صفحه جابجا شده و در جای مناسب قرار گیرند.(مانند تغییر جای یک عنصر در FrontPage)
حال برای استفاده ازاین کلاس ها کافی است نام کلاس مربوطه را در صفت CssCalss عنصر مربوطه وارد نمایید:
<asp:Label ID="Label1" runat="server" Text="it's hilighted label" style="left: 322px; top: 60px" CssClass="ClaimAlireza"></asp:Label>
برای الحاق فایل StyleSheet.css به یک صفحه خاص باید کد زیر را در قسمت مشخص شده وارد نمایید:
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="Stylesheet" type="text/css" />
</head>
نتیجه گیری: طراحی صفحه های وب برای اکثر طراحان از گذشته کاری طاقت فرسا بوده است. از این رو می توان فایل های CSS را به عنوان Template از اینترنت دریافت کرده و از آن ها برای طراحی سایت بهره جست.
از این گذشته طراحی واحد برای تمامی عناصر و صفحات یک وب سایت خوب و معتبر کاری بس ضروری می باشد که CSS ها این مهم را برای طراحان راحت ساخته اند.
در مقاله بعدی در مورد محدودیت های CSS ها در کدهای سمت سرور بحث خواهد شد.
موفق باشید.