اینجا می خوام طرز کار این دو تا رو مو به مو تعریف کنم.
(ادامه ی مطلب)
با یاد خدا
اول از همه جاییه که این دو درش تعریف می شوند:
این دو باید داخل <head> تعریف بشوند.
همون طور که گفتیم <head> جاییه که یک سری توضیحات در مورد متن می ده. بنابر این جای تعریف هم اینجاست.
در اونجا هم باید داخل تگ <style> قرار بگیرند.
سپس اسمش رو می نویسیم و یک علامت "{" جلوش باز می کنیم. الان می تونید توضیحاتتون رو اینجا بنویسید.
حتما یادتون باشه که باید قبل اسم class هم بنویسید و موقع استفاده دقیقا همون جوری که نوشتید بنویسید.
<head>
<style>
class002{
border-bottom: color #000;
width:2px; height:20px
padding:0px 10px 0px 10px
}
</style>
</head>
حالا خودتون یک class با این چیز هایی که یاد گرفتید بنویسید.
- - -
حالا نوبت به استفاده می رسه.
برید و یک <body> بنویسید. در اون یک <div> باز کنید و داخلش بجای style بنویسید class.
جلوی class و دَم و دستگاهش نام اون باکسی رو که نوشتید بنویسید( به چیزی که داخل دو علامت "{ }" قرار بگیرد باکس می گویند).
حالا <div> و <body> رو ببندید. این هارو save کنید و نتیجش رو ببینید.
<body>
<div class="class002">moji</div>
</body>
- - -
class در جاهای بکار میره که یک فرم خیلی تکرار میشه. مثلا وقتی شما می خواهید یک مستطیل را در چند جا بکار ببرید. بجای این که style را تکرار و قالب سایت یا وبلاگ خود را سنگین کنید، یک class درست می کنید و با استفاده از ان به راحتی 5 مستطیل می کشید.
(البته ظرفیت class بیشتر از اینهاست اما فعلا نمی توان به ان پرداخت. مثلا کد های جاوا -که معمولا زیاد اند- را در ان می نویسند).