برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی text-align در سی اس اس تراز متن محتوا را در حالت افقی مشخص می کند و یکی از ویژگی های پر کاربرد در سی اس اس می باشد. مقادیری که ویژگی text-align می پذیرد در شکل توضیح داده شده است.
این ویژگی بر روی تگ های اینلاینی تاثیر ندارد و فقط روی تگ های بلاکی تاثیر داشته.

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی text-decoration در سی اس اس دکوراسیون یا تزیین یک متن را مشخص می کند این ویژگی 4 مقدار می پذیرد:
;text-decoration: overline dotted green 3px
4 ویژگی text-decoration-line text-decoration-style text-decoration-color text-decoration-tickness می پذیرد که در شکل بیان شده است و می توان هر یک ویژگی را جداگانه به تگ انتخاب شده داد:
;text-decoration-color: orange
تگ a به صورت پیش فرض دارای زیر خط هست که با کد زیر حذف خواهد شد:
;text-decoration: none

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی transform یک دیگر از ویژگی ها در سی اس اس می باشد که در css3 اضافه شده است با کمک ویژگی transform می توان عناصر صفحه را حرکت داد یعنی چرخاند جابه جا کرد و یا کج کرد.

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
با استفاده از تابع translate می توان موقعیت قرار گیری اجزا صفحه را در محور x در محور y و در صورت سه بعدی بودن translate در محور z مشخص کرد.

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
یکی دیگر از توابعی که ویژگی transform می پذیرد تابع scale می باشد که میزان رشد یک عنصر را مشخص می کند تابع scale عدد می پذیرد اگر عدد + بود بزرگ نمایی و اگر عدد _ بود کوچک نمایی در عنصر به صورت انیمیشنی اتفاق خواهد افتاد:
;transform:scale(1.5) -> عنصر 1.5 برابر خواهد کرد.

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
با کمک تابع rotate در transform می توان عناصر صفحه را در زاویه های مختلف چرخوند، در این تابع هم از مقدار + می توان استفاده کرد و هم از مقدار _ می توان استفاده کرد.
مقدار + چرخش در جهت عقربه های ساعت و مقدار _ چرخش در خلاف جهت عقربه های ساعت ایجاد خواهد کرد:
img:hover { transform: rotate(90deg); }
زمانی که موس روی تصویر باشد به اندازه 90 درجه در جهت حرکت عقربه ساعت چرخش ایجاد خواهد شد.

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
با تابع skew در ویژگی transform می توان مقدار کج بودن عناصر در x ودر محور y مشخص کرد. اگر یک مقدار به تابع داده شود عنصر اچ تی ام ال هم در محور x و هم در محور y کج خواهد شد اگر دو مقدار تابع بپذیرد مقدار اول در جهت محور x و مقدار دوم در جهت محور y اتفاق خواهد افتاد.
img:hover { transform: skew(20deg , -20deg); }