در این قسمت با عمده کلاس های CSS قالب آشنا می شوید که می توانید با بکارگیری آن ها در سایت محتویات را جذاب تر نمایش دهید.

این قست مثالی از Heading 1 می باشد.

استفاده از تگ هدر 1 بسیار ساده می باشد. کافی است داده های خود را بین یک تگ باز و بسته h1 قرار دهید.

این قسمت مثالی از Heading 2 می باشد.

مانند قسمت قبل برای استفاده از کلاس هدر2 باید داده خود راداخل تگ h2 قرار دهید.

در صورتی که می خواهید قطعه کدی را داخل سایت قرار دهید و آن را از دیگر بخش ها متمایز کنید :
<pre> or <div class="code">

#ja-rightcol {
	width: 180px;
	float: right;
	color: #EEEEEE;
}

بایستی از یک تگ باز و بسته h3 استفاده نمایید.

<div class="bubble1"> <div> <div> <div> <div> متن حباب شما اینجا قرار بگیرد </div> </div> </div> </div></div>

حباب با لبه های هموار

<div class="bubble2"> <div> متن حباب شما اینجا قرار بگیرد </div></div>

حباب با لبه های تیز.

<div class="bubble3"> <div> <div> <div> <div> متن حباب شما اینجا قرار بگیرد </div> </div> </div> </div></div>

حباب فکر با لبه های هموار.

<div class="bubble4"> <div> متن حباب شما اینجا قرار بگیرد </div></div>

حباب فکر با لبه های تیز.

<p class="stickynote">متن شما اینجا قرار بگیرد</p>

<p class="download">متن شما اینجا قرار می گیرد</p>

01<p class="blocknumber"><span class="bignumber">01</span>متن کنار عدد را اینجا قرار دهید</p>

02<p class="blocknumber"><span class="bignumber">02</span>متن کنار عدد را اینجا قرار دهید</p>

03<p class="blocknumber"><span class="bignumber">03</span>متن کنار عدد را اینجا قرار دهید</p>

<p class="message">متن اطلاع رسانی را اینجا قرار دهید</p>

<p class="tips">متن را اینجا قرار دهید</p>

<p class="error">متن اخطار را اینجا قرار دهید</p>

متن برجسته شده
<span class="highlight">متن برجسته خود را اینجا قرار دهید</span>

<div class="legend"><h3 class="legend-title">عنوان کادر</h3><p>متن داخل کادر اینجا قرار می گیرد</p></div>

نام:	*
نام کاربری:	*
ایمیل:	*
رمزعبور:	*
تکرار رمز عبور:	*
کلیه فیلدهای ستاره دار بایستی پر شوند