ساختار مهم فولدر CSS
ساختار مهم فولدر CSS
همان طور که تصویر تحت مشاهده میکنید ، برای کد نویسی css می بایست از سلکتور به کارگیری کنیم. سلکتور چیست؟ سلکتور در معنای تعیین کننده میباشد همان به یاری سلکتور ها می تواینم گزینش کنیم استایل های که نوشتیم به کدام نصیب اجرا گردد. از جمله : این استایل به منو جاری ساختن خواهد شد ، این استایل به فوتر جاری طراحی اپلیکیشن در مشهد ساختن گردد و…
به همین ترتیب. پس آغاز اسم سلکتور آیتم نظرمان را می نویسیم ، آنگاه آکولاد گشوده و بسته و در پایان در میان این دو آکولاد دستورها و استایلی هایی که گزینه نظرمان میباشد را می نویسم. حقیقت تا یادم نرفته میباشد بیان کنم : در نقطه پايان هر استایل و امر هم سمیکالن میگذاریم (shift + کلام ک). تصویر پایین به فهم و شعور عالی شما یاری مینماید.
ساختار کد css
اشکال سلکتورها در css :
روی هم رفته در css سه نوع سلکتور داریم :
اسم تگ
کلاس
آیدی
1- اسم تگ :
با به کارگیری از اسم تگ ، قادر خواهیم بود تعیین کنیم چه استایل هایی بر آن انجام بشود به عنوان مثال : p – h1 – body – img و…
نکته : با استعمال از این طریق ، استایل هایی که نوشتیم به تک تک تگ هایمان اجرا میشود. خوب بیان کنم : از جمله در حالتیکه ما 10 گزاره داشته باشیم ، با سلکتور اسم تگ ، استایل هایی که نوشتیم به مجموع 10 گزاره انجام میشود. خب شاید ما نخواهیم کل 10 پاراگرفی که نوشتیم مثل هم باشند! چه شغل کنیم؟ راه حل شغل به کارگیری از سلکتور کلاس میباشد که به دنبال برایتان توضیح میدهم.
کد نویسی css
2- کلاس :
شما میتوانید برای هر تگی که به کار گیری میکنید یک کلاس در لحاظ بگیرید. به ذکر خوب تگتان را مخصوص نمائید و اسم مخصوصی هم برایش در لحاظ بگیرید. برای مثال 10 گزاره دارید و نام گزاره نخستین را میگذارید tozihat ، نام جمله دوم را میگذارید text و…
نکته : توجه فرمایید هر کلاس با . آغاز میشود.
کد نویسی css
3- آیدی :
آیدی ها پاره ای منحصر می باشند و بیشتر برای مواقعی در وب سایت استعمال میگردند که یکتا میباشند. برای مثال ما در سایتمان یک اسلایدر داریم ، یک منو داریم و… علاوه بر اینکه آیدی ها برای کدنویسی javascript به امداد ما میآیند.
نکته : هر آیدی با # شروع می شود.
کد نویسی css
خب به همین آسانی و به همین خوشمزگی! سلکتورها هم به پایان رسید. حقیقت تا یادم نرفته میباشد طریق کامنت کرد کدها در css را هم برایتان بیان کنم :