تنظیم متن و نوشته CSS Styling Text
در این بخش از آموزش css ، تنظیم متن و نوشته را آموزش میدهیم. ویژگی color برای تنظیم رنگ متن استفاده میشود.این ویژگی با 3 روش زیر میتواند مقدار دهی شود
- HEX : مثال : “#ff000″
- RGB: مثال : (rgb(255,0,0
- نام رنگ : مثال : red
رنگ پیش فرض در یک صفحه وب سایت بستگی به رنگ انتخاب شده در بدنه وب سایت شما دارد.
اعضای شبکه مشاوران در حوزه «برنامهنویسی، وب و امنیت سایبری»
سپیده گونجی
مشاور SEO ،UI/UX و بازاریابی دیجیتال
اگر قصد دارید در دنیای دیجیتال فعالیت کرده و در...
فاطمه پورمحمد
مشاور برنامه نویسی، پایگاههای دادهای و دیتاساینس
اگر به یک تحلیلگر حرفهای داده، برنامهنویس مسلط به پایگاههای...
احسان مهدوی
مشاور شبکه، نرم افزار و هوش مصنوعی
اگر به دنبال رفع چالشهای شبکه، نرمافزار و امنیت فضای...
نگار جنابی
مدیر پروژه، مشاور و مالک محصول پروژههای ICT
اگر در توسعه UI/UX و مدیریت پروژههای ICT خود به...
فاطمه جعفری
مشاور توسعه جاوا و اپلیکیشن
اگر به یک رهبر توانمند برای تیم توسعه نرم افزار...
طاهره حسن زاده
تحلیلگر داده و مشاور یادگیریماشین و دیپ لرنینگ
اگر به مهارت های یک تحلیلگر داده با تجربه در...
غزل شفیعی
مشاور برنامه نویسی PHP و توسعه لاراول
اگر به متخصصی باتجربه PHP و فریم ورک لاراول برای...
بنفشه سیدکباری
مشاور تحقیقات بازار، بازاریابی و فروش
اگر علاقمندید در تراز شرکتهای بزرگ و صاحبنام، بخش بازاریابی...
فاطمه مدیحی
مشاور برنامه نویسی جاوا اسکریپت، CSS و HTML
اگر به کمک شخصی با تجربه در برنامه نویسی Front-End...
ویدا رضایی
مشاور برنامه نویسی و طراحی وردپرس
اگر برای طراحی سایت وردپرسی خود به تجربیات و دانش...
نیکا تهرانی
متخصص و مشاور سئو تکنیکال
اگر به استراتژیهای حرفهای سئو در موتور جستجوی گوگل از...
فرید تشیعی
متخصص، استراتژیست و مشاور سئو (SEO)
اگر در پیاده سازی، تعیین استراتژی، بوت کمپ یا مدیریت...
مثال :
body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}
با تغییر رنگ بدنه شما در واقع رنگ background صقحه را تغییر میدهید
Text Alignment
برای تنظیم متن در حالت افقی از این ویژگی استفاده میکنیم،این ویژگی میتواند با یکی ازمقادیر زیر مقداردهی شود
- Center
- Right
- Justify
- Left
با مقدار Justify تمامی خطوط عرض یکسانی خواهند داشت
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
Text Decoration
این ویژگی بیشتر برای پاک کردن یا اضافه کردن فرم خاص به متن مورد استفاده قرار میگیرد
a {text-decoration:none;}
در این مثال در واقع اگر متن شما دارای فرمت خاصیمانند زیر خط (underline) یا هر فرمت دیگری بود ،این فرمت را پاک میکند.
مقادیری که میتواند این ویژگی بگیرد در مثال زیر آمده است
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}