کاربرد selector * در سی اس اس (CSS)

[Sarp]

در کار با برنامه هایی مثل دریم ویور حتما متوجه شده اید که marginـها و paddingـهایی به طور ناخواسته وارد کدهاتون میشن .
مخصوصا در کار با جداول (table) و یا فرمها (form) و . . .
در یه پروژه بزرگ نمیشه به صورت دستی همه این marginـها و paddingـها رو صفر کرد و یا به هر صورت ممکن اثرشون رو خنثی کرد .
در عوض میتونید از selector (انتخاب کننده ، انتخابگر (این ترجمه اصطلاحات هم شده قوز بالا قوز)) * استفاده کنید . به طور مثال :

* {
 padding: 0;
margin: 0
 }

این selector باعث اعمال property (خصوصیت) و value (مقدار) مذکور در کد ، در تمام پروژه میشه .
همچنین از این selector میشه برای اعمال رنگ یا فونت یا . . . خاص بر روی تمام عناصر موجود نیز استفاده کرد !
​

 

[targol_1985]

ممنون من یک سوال در مورد CSS دارم ،
دستورات CSS در نرم افزار های متفاوت مختلفه ؟
مثلا من در visual studio2010 وقتی می خوام دستور تکرار یک عکس رو در body بنویسم باید این دستور رو بنویسم

header{height:131px;width:800px;background-image:url(C:\Users\Maryam\Documents\Visual Studio 2010\WebSites\WebSite5\images\header.jpg)}

و در Dreamweaver باید این دستور رو بنویسم

#main{background:url(../pic/banner.jpg) repeat-x;}

در ضمن اگر لطف کنید دستور اول رو اشکالش رو بهم بگید ممنون میشم چرا که وقتی این css رو در وبسایتم لینک می دم ، عکس در محیط design نشون داده میشه ولی در مرورگر نشون داده نمیشه .
و یک سوال خنده دار دیگه ، میشه بگید شما ها چطوری کد ها رو توی تاپیک ها می نویسید که این شکلی نشون داده میشه ؟ یعنی مرتب و با حاشیه ؟ شرمنده ها من تازه کارم .

 

[negin17h]

ممنون من یک سوال در مورد CSS دارم ،
دستورات CSS در نرم افزار های متفاوت مختلفه ؟
مثلا من در visual studio2010 وقتی می خوام دستور تکرار یک عکس رو در body بنویسم باید این دستور رو بنویسم


و در Dreamweaver باید این دستور رو بنویسم


در ضمن اگر لطف کنید دستور اول رو اشکالش رو بهم بگید ممنون میشم چرا که وقتی این css رو در وبسایتم لینک می دم ، عکس در محیط design نشون داده میشه ولی در مرورگر نشون داده نمیشه .
و یک سوال خنده دار دیگه ، میشه بگید شما ها چطوری کد ها رو توی تاپیک ها می نویسید که این شکلی نشون داده میشه ؟ یعنی مرتب و با حاشیه ؟ شرمنده ها من تازه کارم .

تا جایی که من اطلاع دارم دستورات متفاوت نیستند. مشکل دستور اول شما مسیردهی شما است که به صورت مطلق انجام شده نه نسبی در صورتی که در دومی اینجور نیست.
در مورد تایپ کدها هم از تگ CODE استفاده می کنند که در بالای ادیتور پیشرفته می بینید.

 

[targol_1985]

ممنون از راهنماییتون ولی ، اگر آدرس رو نسبی وارد کنم که اصلا توی محیط دیزاین پروژه هم عکس نشون داده نمیشه و اگر مطلق وارد کنم در پروژه نشون میده اما در browser نشون نمی ده ، ممنون میشم اگر راهنماییم کنید .

 

[negin17h]

ممنون از راهنماییتون ولی ، اگر آدرس رو نسبی وارد کنم که اصلا توی محیط دیزاین پروژه هم عکس نشون داده نمیشه و اگر مطلق وارد کنم در پروژه نشون میده اما در browser نشون نمی ده ، ممنون میشم اگر راهنماییم کنید .

راستش من این مشکل رو نداشتم. محیطی که کار می کنید ويژوال استودیو هست؟ یا محیط دیگری هست؟

 

[targol_1985]

راستش من این مشکل رو نداشتم. محیطی که کار می کنید ويژوال استودیو هست؟ یا محیط دیگری هست؟

ویژوال استودیو 2010
ممنون

 

[maygol]

ویژوال استودیو 2010
ممنون

سلام

ببین دوست عزیز در ویژوال استودیو باید اول داخل پروژت یک فولدر برای دخیره سازی عکس هات بسازی متلاً فولدری به نام image. بعد عکس هایی رو که می خوای توپروژت ازشون استفاده کنی و توی این فولدر add کنی . بعد هم به این صورت باید آدرس بدی:

background:url(image/1.jpg) ...0

موفق باشید