زمان کنونی: ۱۰-۳۰-۱۳۹۵, ۰۱:۴۲ صبح درود مهمان گرامی! (ورودثبت نام)




آموزش جامع CSS - جلسه دوم
زمان کنونی: ۱۰-۳۰-۱۳۹۵, ۰۱:۴۲ صبح
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Tutorial
آخرین ارسال: Adel
پاسخ: 6
بازدید: 2502

ارسال پاسخ 
 
امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 3
  • 1
  • 2
  • 3
  • 4
  • 5
 

آموزش جامع CSS - جلسه دوم

۱۲-۱۶-۱۳۹۲, ۰۶:۱۱ عصر
ارسال: #1
آموزش جامع CSS - جلسه دوم
جلسه دوم– ID و Class در CSS

[تصویر:  4.jpg]

*پیش نیاز: آشنایی مقدماتی با HTML
(برای آشنایی با زبان HTML به بخش دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مراجعه نمایید .)


نحوه به کاربردن Css :
[تصویر:  2.jpg]
Css را می توان به 2 صورت به کار برد :
1- سراسری
2- محلی

در مدل سراسری ابتدا نام عنصر یا تگ مورد نظر و سپس داخل {} خصوصیت و مقدار مورد نظر را می نویسیم .
مثال 1 :
کد php:
{color:red;font-family:Tahoma;} 
* توضیح :
در این مثال برای کلیه تگهای پاراگراف موجود در صفحه فونت Tahoma به رنگ قرمز اعمال خواهد شد .

مثال 2 :
کد php:
H1,h2,h3,h4,h5,h6 {color:Red;} 
*توضیح :
در این مثال رنگ قرمز برای کلیه تگهای h1,h2,…h6 موجود در صفحه اعمال خواهد شد.


و اما مدل محلی که به 2 صورت به کار میرود :
1- با استفاده از صفت Class
2- با استفاده از صفت ID

اعمال دستورات فقط بر روی یک عنصر واحد توسط id
[تصویر:  2.jpg]
برای این منظور ابتدا باید به کدهای HTML رفته و برای عنصر مورد نظر صفت id را تعریف کنید. سپس به بخش دستورات CSS رفته و در بخش Selector ، صفت id که برای عنصر مورد نظر تعریف کرده اید را نوشته و یک نماد "#" قبل از آن اضافه کنید.
مثلا چنانچه بخواهیم دستورات فقط بر روی یک پاراگراف خاص اعمال شود، ابتدا برای آن پاراگراف یک صفت id در کدهای HTML تعریف میکنیم :
کد php:
<p id="para1">  این یک پاراگراف است. </p
سپس در دستورات CSS در بخش Selector مقدار صفت id تعریف شده را همراه با یک علامت "#" می نویسیم:
کد php:
#para1
{
text-align:center;
color:red;

* توضیح :
بدین ترتیب این دستورات فقط بر روی پاراگرافی اعمال میشوند که دارای id برابر با para1 است و خصوصیات سایر پاراگراف های موجود در صفحه از این دستورات پیروی نخواهند کرد.


اعمال دستورات بر روی یک گروه از عناصر توسط Class
[تصویر:  2.jpg]
برای این منظور ابتد باید به کدهای HTML رفته و برای همه عناصری که میخواهید خصوصیت های ظاهری یکسان داشته باشند صفت Class را تعریف کنید. سپس به بخش دستورات CSS رفته و در بخش Selector ، صفت Class که برای عناصر مورد نظر تعریف کرده اید را نوشته و یک نماد "." قبل از آن اضافه کنید.
مثلا چنانچه بخواهیم دستورات بر روی تعدادی پاراگراف مورد نظر ما اعمال شود، ابتدا برای آن دسته از پاراگراف ها یک صفت Class مشترک در کدهای HTML تعریف میکنیم :
کد php:
<class="center">  این یک پاراگراف است</p>
<
class="center">  این یک پاراگراف دیگر است</p>
<
div class="center">  این یک نوشته است</div
سپس در دستورات CSS در بخش Selector مقدار صفت Class تعریف شده را همراه با یک علامت "." می نویسیم:
کد php:
.center {text-align:center;} 
اگر دستور بالا را بصورت زیر بنویسیم :
کد php:
p.center {text-align:center;} 
کلاس center فقط در تگ های p قابل استفاده خواهد بود برای مثال خصوصیات کلاس center در تگ زیر اعمال نخواهد شد.
کد php:
<div class="center">  این یک نوشته است</div

Nokteh : نام ID و Class نباید با عدد شروع شود!



[تصویر:  4.jpg]
پایان جلسه دوم
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Adel ، Dolati ، AZAR2711 ، panahi
۹-۲۰-۱۳۹۳, ۰۹:۳۹ صبح
ارسال: #2
RE: آموزش جامع CSS - جلسه دوم
سلام
مرسی از مقاله خوبتون
ما همچنان منتظر فایل pdf هستیم که بتوانیم به صورت یکجا استفاده کنیم
امضای employer دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۹-۲۰-۱۳۹۳, ۰۳:۴۹ عصر
ارسال: #3
RE: آموزش جامع CSS - جلسه دوم
سلام
به خاطر مشغله درسی دوستمون، حداقل باید تا بعد امتحانات نیم فصل منتظر موند
امضای Adel جهت سفارش برنامه نویسی، ترجمه و بومی سازی اسکریپت و طراحی قالب از طریق تلگرام با آی دی @rasoolaes با من در ارتباط باشید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۱۰-۵-۱۳۹۴, ۰۸:۳۶ عصر
ارسال: #4
RE: آموزش جامع CSS - جلسه دوم
سلام
ضمن تشکر
شما یک برنامه نویس خوب هستید
میشود از این سایت دیدن کنید و مشکلاتش را بفرمایید و راهنمایی کنید
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


سلام
تشکر و خسته نباشید
میشه مشکلات سایت منو بگید ممنون میشم . تازه درستش کردم دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۵-۱۳-۱۳۹۵, ۱۱:۰۴ صبح
ارسال: #5
RE: آموزش جامع CSS - جلسه دوم
سلام دوستان. از کجا میشه فهمید سایتی با css نوشته شده یا css3 یاد اصلا نمیشه تشخیص داد؟
مثلا در سایت دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۵-۱۳-۱۳۹۵, ۰۲:۲۳ عصر
ارسال: #6
RE: آموزش جامع CSS - جلسه دوم
سلام، مکانی که توش سوال پرسیدن اشتباهه، باید تاپیک جدید باز می کردین

css و css3 جدای از هم نیستن جفتشون همون css هستش که تو نسخه سه یک سری دستورات بهش اضافه شده، با آشنایی جزئی با دستوراتش و نگاه به فایل استایل به راحتی قابل تشخیصه هر دستوری مال کدوم نسخه است تو صفحه زیر هم دستورات هر نسخه رو به صورت جدا نوشته و توضیح داده
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


این سایتی هم که دادین از دستورات سی اس اس 3 هم استفاده شده توش
امضای Adel جهت سفارش برنامه نویسی، ترجمه و بومی سازی اسکریپت و طراحی قالب از طریق تلگرام با آی دی @rasoolaes با من در ارتباط باشید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش جامع CSS - جلسه اول Tutorial 3 2,837 ۵-۲۷-۱۳۹۵ ۱۰:۵۸ صبح
آخرین ارسال: lioseo
  آموزش ویدیویی جامع و کاربردی CSS academyit 0 156 ۴-۲-۱۳۹۵ ۰۳:۰۸ عصر
آخرین ارسال: academyit
Lightbulb آموزش ویدیویی css از مبتدی تا پیشرفته academyit 0 271 ۱۲-۱۵-۱۳۹۴ ۱۰:۵۴ صبح
آخرین ارسال: academyit
  آموزش CSS heidari 2 1,239 ۷-۲۰-۱۳۹۴ ۰۸:۴۹ عصر
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه پنجم Tutorial 2 1,958 ۵-۳۱-۱۳۹۳ ۱۰:۵۲ صبح
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه هفتم Tutorial 0 1,343 ۱-۱۷-۱۳۹۳ ۰۶:۵۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه هفتم Tutorial 0 1,580 ۱-۱۷-۱۳۹۳ ۰۶:۵۳ عصر
آخرین ارسال: Tutorial
  پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه ششم Tutorial 0 1,236 ۱-۱۱-۱۳۹۳ ۰۷:۰۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه ششم Tutorial 0 1,691 ۱-۱۱-۱۳۹۳ ۰۷:۰۶ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه پنجم Tutorial 0 1,539 ۱۲-۲۵-۱۳۹۲ ۰۶:۳۲ عصر
آخرین ارسال: Tutorial

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان