چگونه از CSS در صفحات خود استفاده کنیم
سه نمونه فایل
Css داشتیم در اینجا روش استفاده از هر نوع را برای صفحات Html توضیح میدهیم در ابتدا External Style Sheet این نوع فایل CSS بسیار ایده ال است برای زمانی که شما صفحات زیادی دارید و می خواهید به تمامی آنها یک شکل و رنگ را اختصاص دهید برای این کار باید آدرس فایل CSS خود را بین تگ <Head> قرار دهید و باید از تگ <link> استفاده کنید. به صورت زیر: [تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
مرورگر شما استایلها را از فایل
css به نام mystyle.css باز خوانی میکند فایل Css شما لازم نیست که حتما دارای تگهای Html باشد کافی است که فقط آنرا در Notepad بنویسید و با پسوند.css آنرا ذخیره نمایید مثل زیر [تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
توجه داشته باشید که فاصله بین دستورات را رعایت کنید چون فقط IE6 این فاصله ها را نادیده میگیرد ولی سایر مرورگرها نسبت به این فواصل دارای حساسیت هستند برای مثال دستور margin-left: 20 px در همه مرورگرها اجرا میشود ولی این دستور را margin-left: 20px فقط IE6 میتواند درک کند و در ورژن های پایین تر یا موزیلا در حین اجرای آن اختلال به وجود می آید.
Internal Style Sheet
استایل داخلی زمانی مورد استفاده قرار میگیرد که شما بخواهید فقط به یک صفحه استایل به خصوصی را نسبت دهید و باید کلیه استایل خود را بین تگ <head> با استفاده از تگ <Style> بنویسید به صورت زیر:
[تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
دقت داشته باشید که مرورگرها از تگ هایی که نمی شناسند چشم وشی میکنند مثلا مرورگرهای قدیمی تگ <Style> را اگر نشناسند آنرا نشان نمیدهند ولی محتویات نوشته شده بین آنرا نمایش میدهند برای جلوگیری از این مسئله بهتر است به شیوه زیر عمل کنیم
[تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
Inline Styles
این نوع استایل زمانی مورد استفاده قرار میگیرد که شما می خواهید یک استایل را به قسمت مشخصی از یک صفحه اختصاص دهید برای این عمل باید از دستور <style> بین تگ مورد نظری که لازم به تغییر دارد استفاده کنید به صورت زیر
[تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
مسئله بسیار مهم این است که شاید شما از هر سه روش بالا برای یک صفحه استفاده کرده باشید باید حتما توجه داشته باشید که اولویت در ابتدا با
Inline Styles بوده پس از آن Internal Style Sheet بر روی تگ اثر میگذارد و در آخر External Style Sheet پس به مثال زیر دقت کنید اگر یک استایل خارجی داشته باشیم که تاثیر زیر را بر روی H3 داشته باشد [تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
و یک استایل داخلی که بر روی همان تگ تغییراتی متفاوت به شکل زیر داشته باشد
[تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
نتیجه ای که نمایش داده خواهد شد به صورت زیر است
[تنها کاربرانی که ثبت نام و Login کرده باشند می توانند این قسمت را ببینند. براي ثبت نام كليك كنيد]
آموزش Css 
