.gif)
پاسخ : آموزش جامع و کامل زبان css
خوب دوستان عزیز در این قسمت در مورد سلکتورهای کلاس می خواهیم صحبت کنیم و ببینیم که عملکردهای این دستور به چه صورت هست.
خوب شما با استفاده از این دستور می تونین قسمت های کوچکتری از سایتتون رو برای اعمال تغییرات انتخاب کنین.
حالا میریم برای ادامه اموزشمون.
با توجه به مثال جلسه قبلمون :
در اینجا ما یک کلاس برای هدر سایتمون تعریف کردیم و می خواهیم که روی اون تعغییراتی رو اعمال کنیم.کد PHP:
<html>
<head>
<title>Njavan</title>
<link rel="stylesheet" type="text/css" href="stayle.css">
</head>
<body>
<h1> عنوان صفحه </h1>
<p>به سایت نسل جوان خوش آمدید</p>
<div/>این یک متن آزمایشی هست<"div class="header></body>
</html>
خوب ما بازم وارد صفحه CSS خودمون میشیم و مثل قبل میریم که این کلاس رو تعریف کنیم تا تغییرات روی اون اعمال بشه.
نکته :
در تعریف کلاس ها باید به این نکته توجه کنیم که همیشه برای تعریف این کلاس ما به اول این دستور یک نقطه اضافه می کنیم و بعد کلاسمون رو می نویسیم . به عنوان مثال :
کد PHP:.header {
دستورات و خصوصیات
{
در واقع اینو هم بگم که ما در خصوصیاتی که به body داده بودیم باعث شده بود که تمام خصوصیات صفحه ما تغییر کنه ولی با کلاس ها شما این
کارو می تونین به قسمت خاصی از صفحه خودتون تغییرات بدین.
حالا ما برای کلاسی که تعریف کردیم یکسری خصوصیات می دیم تا ببینیم که صفحه سایت ما چطوری میشه.
کد PHP:
.header {
background-color: #000000;
width: 600 px;
height: 100px;
color: #ff0000;
direction: rtl;
}
خوب ما در اینجا مشخص کردیم که کلاس هدر ما این خصوصیات رو داشته باشه. یعنی رنگ بگراندمون رو سفید و طول رو 600 پیکسل و عرض 100 پیکسل و رنگ متنمون رو قرمز و نوع راست چین چپ چین رو هم روی rtl
که مشخص کننده راست به چپ هست قرار دادیم.
اینم دستورات کلاس که به همین آسونی بود .
دوستان اگه تو ترتیب کدها مشکلی بود دیگه ببخشید . هر کاری می کنم خوب نمی شن . شاید مجبور بشم از این به بعد با عکس کدها رو بذارم.
موفق باشین
دوست عزیز، به سایت علمی نخبگان جوان خوش آمدید
مشاهده این پیام به این معنی است که شما در سایت عضو نیستید، لطفا در صورت تمایل جهت عضویت در سایت علمی نخبگان جوان اینجا کلیک کنید.
توجه داشته باشید، در صورتی که عضو سایت نباشید نمی توانید از تمامی امکانات و خدمات سایت استفاده کنید.
پاسخ با نقل قول
علاقه مندی ها (Bookmarks)