توی جلسه قبل در مورد background صحبت کردیم. و گفتیم توی کدنویسی css چگونه رنگ وارد کنیم و … امروز هم می خواهیم درمورد خواصی که برای متن در نظر میگیرند صحبت کنیم. ممکن است که این بخش تا بشه.
شما می توانید به مطلب زیر هم سری بزنید:
آموزش کدنویسی css مبتدی تا پیشرفته (۱)
آموزش کدنویسی css مبتدی تا پیشرفته (۲)
خوب حالا میریم سراغ آموزش :
هرچیزی که شما توی HTML می نویسید قابلیت تغییر توسط کدنویسی سی اس اس را دارد : عوض کردن رنگ ، ایجاد سایه و…
خوب حالا اولین چیزی که به ذهنمون میرسه واسه تغییر متن ، تغییر رنگ متن است که با خاصیت color نوشته میشه: مانند Background-color این خاصیت هم از کد های HEX و RGB و RGBA پشتیبانی می کند. نمونه از از کد:
.tag{
color:#000000;
}
متن رنگ سیاه میشه
چگونگی فارسی سازی قالب
direction : این خاصیت به شما میگه که آیا میخواهید که از چپ به راست بنویسید یا از راست به چپ. که گزینه دوم بهترین گزینه است.
این خاصیت از دو کلمه rtl (راست به چپ) , ltr (چپ به راست) پشتیبانی میکند.
letter-spacing : این خاصیت فاصله ی بین هر حرف را مشخص میکند که شما میتوانید نمونه هایی از این خاصیت را در لینک زیر ببینید.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_letter-spacing
line-height : توسط این گزینه شما میتونید فاصله هر خط را از هم مشخص کنید. می توانید نمونه هایی از این کد را در لینک زیر ببینید.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_line-height
text-align : به وسیله این خاصیت شما میتونید مکان قرار گیری متن تان رو مشخص کنید. که تابع های آن به :
left : متن در سمت چپ
right : متن در سمت راست
center : متن در وسط
نمونه از text-align رو میتونید توی لینک زیر مشاهده کنید.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_text-align
text-decoration : توسط این گزینه میشه مشخص کرد که به عنوان مثال خط یک خط روی نوشته بیاد یا زیر اون یا روی اون که نمونه هاشو در پایین میبینید:
این یک متن است
این یک متن دیگر است
خوب نمونه های دیگه رو از لینک زیر میتونید مشاهده کنید:
http://www.w3schools.com/cssref/playit.asp?filename=playcss_text-decoration&preval=underline
text-indent : توسط این گزینه شما میتونید مشخص کنید که خط اول هر نوشته با چقدر فاصله از حاشیه نوشته شود:
میتونید نمونه های این کد رو در لینک زیر ببینید:
http://www.w3schools.com/cssref/playit.asp?filename=playcss_text-indent
خوب دوستان گزینه های دیگه ای هم هست که مربوط به متن بشه اما چون اصلا توی ایران کاربرد نداره بخاطر همین نمیگم- این گزینه ها عبارتند از :
word-spacing و white-space و vertical-align و unicode-bidi و …
پیروز باشید
منبع: بیگ تم
سایتتون وآموزشتون خیلی تخصصی و فوقالعادس . خدا قوت …