تمامی عناصر HTML در CSS به صورت یک کادر(جعبه) چهار گوش تصور می شوند. مدل کادري، کادري است که در اطراف عناصر صفحه می تواند قرار بگیرد و شامل ویژگی هاي margin،border padding و content میباشد.براي تنظیم عرض و ارتفاع حقیقی یک عنصر درك مفهوم مدل کادري بسیار مهم است.

در این قسمت با قواعدي آشنا می شویم که اجازه کنترل رویت ، مکان و رفتار کادر ها را براي تگ هایی که درون آنها قرار می گیرند مشخص می کنند .

css زبانی است که در کنار html استفاده میشود و میتواند برای ایجاد یک گالری عکس در صفحه وب مورد استفاده قرار گیرد و جنبه های بصری یک صفحه وب را تعریف کند

CSS3 سی اس اس 3 آخرین نسخه استاندارد برای CSS است و بطور کامل با نسخه های پیشین CSS سازگار است. ویژگی های جدیدی نیز به آن اضافه شده که در اینجا border-radius و border-image را معرفی خواهیم کرد.

CSS3 شامل چند ویژگی پس زمینه جدید است که کنترل بیشتری را روی عنصر background فراهم میکند. CSS3 به شما اجازه میدهد چندین تصویر متعدد را بعنوان پس زمینه یک عنصر انتخاب کنید.

animationهای CSS3 ، اجازه میدهند که اکثر عناصر HTML، بدون استفاده از جاوا اسکریپت و flash،به تدریج از استایلی به استایل دیگری تغییر کنند.keyframe مشخص میکند که عنصر در زمان خاصی چه استایلی داشته باشد.

طرحبندی CSS3 اجازه می دهد که به راحتی چندین ستون از عناصر در یک صفحه از وب سایت تان داشته باشید. ویژگی های چند ستونی در CSS3 عبارتنداز: column-count، column-gap،column-rule-style،column-rule،column-span و column-width

CSS3 سی اس اس3 دارای چند ویژگی جدید رابط کاربری user interface مانند عناصر تغییر اندازه resizing برای تغیر اندازه عناصر توسط کاربران و outline(فضای بین outline و border) و box sizing می باشد.