چگونگی کدنویسی در CSS

این تاپیک 3 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  حسین محمدی ،‏ 2 سال و 9 ماه پیش .

این تاپیک تاکنون 789 بازدید داشته است .

نویسنده پست
شنبه ، 8 مارس 2014     7:46 ب.ظ #


Mehrdad

Subscriber
4 پست3 تاپیک

سلام در کد های CSS چرا بعض

0  تشکر
شنبه ، 8 مارس 2014     7:55 ب.ظ #


Mehrdad

Subscriber
4 پست3 تاپیک

سلام در کد های CSS چرا بعضی از کدها با # و بعضی با . و بعضی دیگر با * شروع می شوند و یا از هیچ یک از اینها استفده نمی کنیم لطفا به مثال های زیر دقت کنید:

لطفا کامل توضیح بدید ... با تشکر

0  تشکر
شنبه ، 8 مارس 2014     8:03 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

این مواردی که اشاره کردین سیلکتورهای css برای استایل دهی به عناصر هستن.

توضیحات بیشتر

2  تشکر
شنبه ، 8 مارس 2014     8:22 ب.ظ #


حسین محمدی

Subscriber
482 پست60 تاپیک

چرا که استفاده نمی کنیم اتفاقاً دو علامت(.) و ستاره(*) از پرکاربردترین گزینشگرها در css هستند...

به این نکته توجه داشته باشید که همه ی تگهای html دو تا attribute می گیرند با عنوان class و id که مقدارشون اختیاریه و لی بهتره که مقادیرشون با عدد شروع نشه. و برای استایل دهی با استفاده از کلاس از نقطه+ نام کلاس استفاده می کنیم.

مثلا ما کد html زیر رو داریم:

خب حالا می خواهیم اون رو توی سند css خودمون صدا بزنیم::به این شکل::::

برای استایل با id از علامت شارپ(#) قبل از نام  id اون عنصر استفاده می کنیم برای مثال::کد html:::

و کد css زیر:::

این کد هر عنصری که id مورد نظر یعنی passwordInput رو داشته باشه صدا میزنه...

[nt]

در یک صفحه html هر id باید یکتا باشد ولی class می تواند مکررا تکرار شود...

یعنی توی یک صفحه نباید دو تا عنصر id یکسان داشته باشند ولی در مورد کلاس این قضیه فرق میکنه چونکه چند عنصر میتونند کلاس یکتا داشته باشند.

[/nt]

و در نهایت * یکی از سودمند ترین گزینشگر های css و جی کوئری هست...

کاربردش اینه که همه ی عناصر رو انتخاب میکنه مثلاً در کدهای css reset این گزینشگر کاربرد داره...

و این یعنی هر چی المنت توی صفحه بود margin و padding اونها رو صفر قرار بده..

یا مثلاً فرض کنید می خواهید همه ی محتویات داخل یک تگ رو انتخاب کنید...خب این تگ ممکنه هر المنتی داخل باشه از جمله فرم و تصویر و... که در این مواقع این گزینشگر به کارتون میاد....

امیدوارم متوجه شده باشید....

موفق باشید.

4  تشکر
پست 1 تا 4 (از مجموع 4 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .