آموزش CSS | مقدماتی | جلسه دوم

 

سلام. امروز جلسه دوم را آغاز میکنیم. در این جلسه چند نکته را  بیان میکنیم. 

نکته ای باید به آن توجه کنیم این است که ما حتما ملزم به استفاده از کدهای سی اس اس در یک فایل با پسوند سی اس اس نیستیم. به طور مثال اگر بخواهیم برای وبلاگ همکلاسی یک قالب طراحی کنیم ممکن است جایی برای قرار دادن فایل style.css و ایجاد یک پیوند به آن را نداشته باشیم. راه دیگری که وجود دارد این است که بجای استفاده از

و نوشتن کدها در فایل سی اس اس ،می توانیم از کد زیر استفاده کرده و کدهایمان را در همین فایل اصلی بنویسیم. اینگونه:

البته اینگونه کد نویسی زیاد جالب نیست و نمیتوان در فایل مجزا از آن استفاده کرد و باید برای هر فایل دوباره نوشته شوند!! اگر در همینجا در وبلاگ همکلاسی کلیک سمت راست موس خود را فشار دهید و گزینه ی view page source و یا view source را بزنید خواهید دید که در بین تگ های style در قسمت head کدهای سی اس اس مربوط به قالب وبلاگ که شامل رنگ ها و .. هستند را ببینید.

در سی اس اس "کلاس" و "آی دی" قابل تعریف هستند. همانگونه که در جلسه ی قبل از

class="bodystyle"

برای تعریف خصوصیات تگ body استفاده کردیم در تگ ها میتوانیم از ID هم استفاده کنیم. البته
باید به این نکته توجه داشته باشیم که یک کلاس میتواند برای تگ های مختلفی به کار رود، اما یک ID فقط و فقط برای یک تگ! به عنوان مثال تگ های body, table1, table2 و .. میتوانند از کلاس مشابهی مثلِ

class="main"

استفاده کنند، اما اگر بخواهیم از

ID="main"

استفاده کنیم، اگر در تگ body مثلِ

....

از آن استفاده کردیم دیگر نباید از آی دی main در جای دیگری استفاده کنیم. نکته ی جالب اینجاست که میتوانیم در یک تگ هم از آی دی و هم از کلاس به طور همزمان استفاده کنیم. مثلا رنگ زمینه و نوع فونت را در کلاس تعریف کرده و فاصله ها و حاشیه و .. را در آی دی.

....

پایان جلسه دوم.

در جلسه ی بعد کد نویسی و چند نکته دیگر را خواهیم آموخت. پیشنهاد میکنم یکی از برنامه ی مربوط به طراحی و برنامه نویسی صفحات وب مثل Macromedia Dreamweaver (بهتر است از نسخه های جدید و به روز باشد) را بر روی کامپیوتر شخصیتان نصب کنید.

--------------------------------------------

پی نوشت ها:

یک آی دی را میتوان چند مرتبه مورد استفاده قرار داد؟ بله میتوان، حتی در عمل هم کار خواهد کرد٬ اما وقتی در آخر بخواهیم با استاندارهای w3 آنرا مقایسه کنیم با خطا مواجه خواهیم شد. بهتر این است که از یک آی دی در یک صفحه فقط یکبار استفاده کنیم.

ids are very useful in CSS. You should only use them when you are sure you are only going to need to use it one or less times per page, if you need to use it more use classes instead.

با تشکر از مهندس قاسم پور

 - از جلسه سوم به بعد کار عملی هم خواهیم داشت. (با تشکر از مهندس توکلی بابت یادآوری)

لینک جلسه اول ( با تشکر از مهندس رستمی بابت یادآوری)

مشتاقانه منتظر نظراتتان هستم.