اگر دقت كرده باشيد، هر استايلي كه در CSS تعريف مي شود، از دو قسمت تشكيل شده است:

Selectors
Property

Selector ها مشخص مي كنند قانون نعريف شده بايد بر روي كدام تگها و المانهاي صفحه اعمال شود و Property در واقع خود قانون را مشخص مي كند. مثلا اگر ما بخواهيم با استفاده از CSS رنگ متن سرتيترهاي اول صفحه، H1، را به قرمز تغيير دهيم، بايد قانون CSS را به صورت زير تعريف كنيم:

h1{ color:red; }

در استايل فوق، Selector همان تگ h1 بوده و property كه مي خواهيم تغيير دهيم همان ويژگي color مي باشد. در اين قسمت مي خواهم شما را با انواع Selector هايي كه در CSS از آنها استفاده مي شود، آشنا كنم.

مدهاي Quirks و Strict دو مد كاري مختلف هستند كه مرورگرهاي مدرن براي تفسير كدهاي CSS از آنها استفاده مي كنند.

هنگامي كه Netscape 4 و اينترنت اكسپلورر 4 تفسير قوانين CSS را در مرورگرهاي خود تعبيه كردند، پشتيباني آنها از CSS با استانداردهاي W3C مطابقت نداشت. پشتيباني از كدهاي CSS مطابق با استانداردهاي W3C در مرورگر نت اسكيپ 4 بسيار ضعيف بود ولي اينترنت اكسپلورر 4 توانست تا حدودي خودش را با استانداردهاي W3C مطابقت دهد ولي اين همخواني با استانداردها بطور ناقص بود. اگرچه اكسپلورر 5 توانست مشكلات و باگهاي اكسپلورر4 را تا حدودي برطرف كند ولي خود اكسپلورر 5 مشكلات جديدي را بوجود آورد. (مخصوصآ در مدل Box)

در CSS براي اندازه گيري، واحدهاي متعددي وجود دارد كه هر كدام براي مقاصد خاص استفاده مي شود. واحد هاي اندازه گيري در CSS عبارتند از:

واحد اندازه گيري Points و Picas:

اگر شما صفحه تان را براي نمايش براي مانيتور طراحي مي كنيد، نبايد از واحدهاي Points و Picas استفاده كنيد. چرا كه اين واحدها براي مقاصد چاپي بوجود آمده اند. هر Point معادل يك هفتادو دوم اينچ مي باشد. (1 Point: 1/72 Inch) و هر Pica معادل يك ششم اينچ مي باشد. (1 Pica = 1/6 Inch) بنابراين هر Pica معادل 12 point خواهد بود. اگر صفحه تان را براي چاپ طراحي مي كنيد (نسخه قابل چاپ) استفاده از واحد هاي نقطه و پيكا، بهترين انتخاب خواهند بود. بنابر اين براي طراحي صفحات وب نبايد از اين واحد ها استفاده شود. چرا كه در platform ها و مرورگر هاي مختلف، متون با ابعاد متفاوتي ظاهر خواهند شد.

CSS زباني است براي تعريف فرمت و قالب بندي صفحات وب كه اين قالب بندي مي تواند شامل رنگها، تصاوير پس زمينه، نوع فونت بكار رفته، حاشيه هاي و ميزان تورفتگي المان هاي صفحه باشد.

شايد شما اين سوال به ذهنتان بيايد كه بدون CSS هم مي توان اين تنظيمات را با استفاده از برچسبهاي HTML انجام داد پس چرا از CSS استفاده كنيم؟ براي اينكه جواب اين سوال را به خوبي داده باشيم، يك مثال ساده مي زنيم.