همانطور که میدانید منشا همه‌ی صفحات اینترنتی HTML است و همین زبان است که با زبان‌های برنامه‌نویسی دیگری همچون PHP, Perl, ASP و ... مخلوط شده و محتوای وب را می‌سازد. متاسفانه امکانات HTML محدود هستند و نمیتوانند به راحتی یک صفحه پویا را مدیریت کنند. اما در نسخه جدید این زبان یعنی HTML۵ توانایی‌های به آن افزوده شده است که تاثیر بسزایی در قابلیت‌های این زبان گذاشته است. تا جایی امکان اتصال به بانک اطلاعاتی هم در آن گنجانده شده است.

قبلا در اینجا توضیح دادیم که چگونه میتوان گوشه های عناصر را انحنا داد. اما اخیرا قابلیت جدیدی به CSS۳ اضافه شده است که با استفاده از آن میتوانید انحنای هر گوشه را به طور جداگانه و با امکاناتی جدید تعیین کنید.
از امکانات جدید میتوان به انحنای افقی و عمودی اشاره کرد که با استفاده از آن میتوانید یک بیضی را با استفاده از CSS۳ طراحی کنید. کاری که قبل از این امکان پذیر نبود.

در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی ۴۰٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.

کسانی که با استفاده از جدول (Table) به طراحی سایت میپردازند، هنوز باور ندارند که همه امکانات جدول در طراحی با CSS نیز میتوانند اجرا شوند. در انجمن های مختلفی که در رابطه با طراحی در آنها بحث میشوند یکی از دلایل استفاده نکردن از CSS را نحوه جایگیری عناصر می‌نامند و در اکثر مواقع نیز طراحی یک فرم تماس را مثال میزنند. آنها میگویند وقتی یک فرم تماس را با استفاده از CSS طراحی میکنند، نظم عناصر به هم ریخته و فرم ها درست بعد از نوشته قرار میگیرند که ظاهر خوبی به فرم طراحی شده نمیدهد.
اما در این مطلب قصد دارم روشی را آموزش دهم که تمامی عناصر به یک اندازه و به طور کاملا منظم در کنار یکدیگر قرار خواهند گرفت. برای مشاهده نمونه کار روی این لینک کلیک کنید.