قبلا چی باید بدونیم ؟!
خوب معلومه دیگه قبل از اینکه اینو بخواید یاد بگیرید باید HTML بلد باشد! که اینم اگه بلد نیستید برید یاد بگیرید

حالا CSS چی هست ؟ یا بقول بچه ها گفتنی CSS چي شیه ؟
CSS مخفف  Cascading Style Sheets
CSS مشخص میکنه که المنت های HTML چطوری نشون داده بشن
CSS های معمولا داخل تگ Style قرار می گیرن
CSS به HTML 4 اضافه شد تا یک سری مشکلات رو حل کنه . خداییش دمش گرم !
CSS های بیرونی یا همون اکسترنال خودمون می تونن کلی تو وقت صرفه جویی کنن
CSS های اکسترنال توی فایل هایی با پسوند CSS ذخیره می شن . ( اینو الان فهمیدم که قرص اکس از سه حرف اول اکسترنال گرفته شده یعنی اگه قرص اکس خوردی گم شو از خونه برو بیرون !)

استايل ها يه مشكل عمومي رو حل كردن !
تگ هاي HTML براي مشخص كردن محتويات صفحه طراحي شدن . فكر كنيد كه يه تگ HTML مي خواد بگه كه اين هدر صفحه هست اين پاراگرافه اين جدول و ... و كلا يه صفحه بايد فقط تگ داشته باشه بدون هيچ فورمت  خاصي .
بعدش دوتا از اين مرورگرهاي كله گنده IE  و NetScape  به اضافه كردن تگ هاي جديد و خصوصيات جديد ادامه دادن مثل font و color كه ساختن صفحات وب رو سخت تر كرد يعني كلا شورشو در آوردن كه به جايي رسيد كه با اون تعريف HTML كه گفتم متفاوت شد
براي حل اين مشكل  W3C يعني كنسرسيوم  World Wide Web يه كنسرسيوم غير انتفاعي بر عكس دانشگاه آزاد كه شده بود مسئول استانداردسازي  HTML چيكار كرد ؟؟؟ اگه گفتيد . آره ديگه  STYLES رو با HTML 4 ارائه كرد . حالا ديگه همه ي مرورگرا از CSS  پشتيباني مي كنن !

CSS صرفه جويي توي كار و زمان !
استايل هاي براي اين به وجود اومدن كه بگن المنت هاي HTML چطوري نمايش داده بشن دقيقا مثل همون تگ FONT و ‍COLOR كه توي HTML 3.2 وجود داشت . استايل ها عموما توي يه فايل با پسوند css دخيره مي شن و اين امكان رو به شما مي دن كه ظاهر چند تا صفحه رو با تغيير دادن يه فايل  css تغيير بديد .
‍CSS يه انقلاب توي طراحي وب به شمار ميده چون مي تونيد ظاهر المنت هاي كلي صفحه رو يه دفعه تغيير بديد .  شما به عنوان يه طراح وب مي تونيد هر المنت HTML رو يه شكل و شمايلي بش بديد و بعد از اون فايل استايل براي چند تا صفحه استفاده كنيد و اين طوري همه ي المنت هاي اون صفحات به اون شكلي در ميان كه شما مشخص كرديد !

چند تا استايل توي يكي ادغام مي شن !
استايل ها رو به چند روش ميشه تعريف كرد . مي تونن داخل همون تگ  HTML تعريف بشن . ميشه داخل تعريفشون كرد . ميشه توي يك فايل جدا با پسوند  CSS ذخيره كرد و به صفحه وصلش كرد حتي ميشه چند تا فايل  CSS رو به يه صفحه وصل كرد !

ترتيب اولويت
ترتيب اهميت  يعني اينكه اگه چند جور استايل تعرف كردي كدوم آدم حساب ميشه به اين شرحه ! حواستون باشه منظورم اينه كه هر چي شمارش بالاتره يعني اولويتش بيشتره :
1. پيشفرض هاي مرورگر
2. استايل هاي اكسترنال
3. استايل هاي اينترنال يعني همونا كه داهل Head تعريف ميشن
4. استايل برخط ! يعني همونا كه روي المنت تعريف ميشن !

بنابراين استايل برخط بالاترين اولويت و اهميت رو داره و همون طور كه مي دونيد اكثر قريب به هيچ كدام طراحان وب حرفه اي از اين روش استفاده مي كن