یک صفحهٔ ساده بسازید که در آن عنوان h1 با استفاده از CSS و خاصیت text-transform تماماً بزرگ (UPPERCASE) و یک پاراگراف با text-transform: capitalize نمایش داده شود.

18.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 03:21

0.0

برای حل این مسئله یک فایل HTML با عناصر h1 و p ایجاد کنید و در بخش استایل (داخل تگ style یا فایل CSS جداگانه) از پراپرتی text-transform استفاده کنید: برای عنوان مقدار uppercase و برای پاراگراف مقدار capitalize قرار دهید. می‌توانید از سلکتورهای مستقیم (h1, p) یا کلاس‌ها (.title, .lead) استفاده کنید؛ توجه داشته باشید text-transform فقط نحوهٔ نمایش متن را تغییر می‌دهد و محتوای HTML را دست‌نخورده باقی می‌گذارد.

توسط پژوهشگر در 198 روز قبل ساعت 03:21
دسته بندی ها: CSS CSS for beginner
nima در 198 روز قبل ساعت 03:21

برای این مسئله کافی است در CSS از text-transform: uppercase برای h1 و text-transform: capitalize برای پاراگراف استفاده کنید؛ بهتر است از کلاس‌ها برای قابلیت استفاده مجدد و نگهداری آسان‌تر بهره ببرید. توجه داشته باشید که text-transform فقط نمایش را تغییر می‌دهد و محتوای HTML تغییری نمی‌کند، پس اگر می‌خواهید متن ذخیره‌شده هم تغییر کند باید آن را در خود HTML/بک‌اند ویرایش کنید. همچنین در برخی زبان‌ها و حروف یونی‌کد رفتار capitalize ممکن است آنچه انتظار دارید را تولید نکند، پس روی دستگاه‌ها و مرورگرهای هدف تست کنید.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری