آموزش جامع HTML و CSS از صفر و روان! - HTML چیست

آموزش جامع HTML و CSS از صفر و روان!

۲۲ ویدیو
x64 -۲۲ / ۶

آموزش جامع HTML و CSS (قسمت 6) - تگ table بخش دوم

x64
x64

سلکتور table رو به بقیه سلکتور ها اضافه کردیم. مفهومش اینه که تمام جدول هامون این خواصی رو که نوشتیم بگیرن.

بعدش اومدیم رنگ border رو با استفاده از کد رنگی ddd# خاکستری کردیم.

” border-collapse ” : برای این که فاصله بین خونه های جدول رو از بین ببریم اومدیم از این property (ویژگی) استفاده کردیم.

با قرار دادن مقدار collapse برای border-collapse فاصله بین خونه های جدول رو از بین بردیم (تصویر شماره 7 و 8 رو مقایسه کنین).

text-align : از اسمش چه حدسی میتونین بزنین؟؟ به نظرتون این property چه میکنه؟؟؟

این خاصیت ، چینش متن رو مشخص میکنه. یعنی میگه که متن وسط چین باشه، چپ چین باشه یا راست چین باشه. که ما در این جا مقدار وسط چین رو براش در نظر گرفتیم.

padding : این جا موقعش نیست که براتون توضیحش بدیم. فقط در همین حد بدونین که باعث بزرگ شدن خونه های جدولمون شده

width :

با این خاصیت می تونیم به هر المانی که امکانش رو داشته باشه عرض مورد نظرمون رو بدیم. به دو صورت میتونیم بهش مقدار بدیم:

یکی با درصد دادن که مشخص می کنه چند درصد از عرض والدش رو بگیره.(توضیحات کامل رو بعداً بهتون میگیم. ذهنتون رو درگیر نکنین.)یک روش دیگه، مقدار دادنِ پیکسلی هست. مثلاً میشه بگی عرضش 100px باشه.

(tr:nth-child(even : اینم در همین حد بدونین که گفتیم ردیف های زوج رنگشون خاکستری باشه.

اگر بعد از خوندن توضیحات و دیدن ویدیو ها باز هم ابهام و سوالی داشتین، حتماً از طریق بخش نظرات از طراحان و برنامه نویس های ما بپرسین.

البته به این نکته توجه داشته باشین که اگر میگیم چیزی رو بعداً توضیح میدیم، حتماً توضیحش میدیم. اگر یه وقتی دیدین چیزی توی توضیحات از قلم افتاد و توضیحش ندادیم حتما تو ویدیوهامون هست.

نظرات

نماد کانال
نظری برای نمایش وجود ندارد.

توضیحات

آموزش جامع HTML و CSS (قسمت 6) - تگ table بخش دوم

۰ لایک
۰ نظر

سلکتور table رو به بقیه سلکتور ها اضافه کردیم. مفهومش اینه که تمام جدول هامون این خواصی رو که نوشتیم بگیرن.

بعدش اومدیم رنگ border رو با استفاده از کد رنگی ddd# خاکستری کردیم.

” border-collapse ” : برای این که فاصله بین خونه های جدول رو از بین ببریم اومدیم از این property (ویژگی) استفاده کردیم.

با قرار دادن مقدار collapse برای border-collapse فاصله بین خونه های جدول رو از بین بردیم (تصویر شماره 7 و 8 رو مقایسه کنین).

text-align : از اسمش چه حدسی میتونین بزنین؟؟ به نظرتون این property چه میکنه؟؟؟

این خاصیت ، چینش متن رو مشخص میکنه. یعنی میگه که متن وسط چین باشه، چپ چین باشه یا راست چین باشه. که ما در این جا مقدار وسط چین رو براش در نظر گرفتیم.

padding : این جا موقعش نیست که براتون توضیحش بدیم. فقط در همین حد بدونین که باعث بزرگ شدن خونه های جدولمون شده

width :

با این خاصیت می تونیم به هر المانی که امکانش رو داشته باشه عرض مورد نظرمون رو بدیم. به دو صورت میتونیم بهش مقدار بدیم:

یکی با درصد دادن که مشخص می کنه چند درصد از عرض والدش رو بگیره.(توضیحات کامل رو بعداً بهتون میگیم. ذهنتون رو درگیر نکنین.)یک روش دیگه، مقدار دادنِ پیکسلی هست. مثلاً میشه بگی عرضش 100px باشه.

(tr:nth-child(even : اینم در همین حد بدونین که گفتیم ردیف های زوج رنگشون خاکستری باشه.

اگر بعد از خوندن توضیحات و دیدن ویدیو ها باز هم ابهام و سوالی داشتین، حتماً از طریق بخش نظرات از طراحان و برنامه نویس های ما بپرسین.

البته به این نکته توجه داشته باشین که اگر میگیم چیزی رو بعداً توضیح میدیم، حتماً توضیحش میدیم. اگر یه وقتی دیدین چیزی توی توضیحات از قلم افتاد و توضیحش ندادیم حتما تو ویدیوهامون هست.

آموزش